fix settings layout

Enubia · Oct 12, 2024 · 095787b · 095787b
1 parent bbc756c
commit 095787b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/components/settings/SidebarNav.vue b/src/components/settings/SidebarNav.vue
@@ -28,7 +28,7 @@ const sidebarNavItems = [
 </script>
 
 <template>
-    <nav class="grid space-x-0 space-y-4 sticky top-32 z-10">
+    <nav class="grid space-x-0 space-y-4 px-4 sticky top-32 z-10">
         <RouterLink
             v-for="item in sidebarNavItems" :key="item.title" :to="item.link"
             class="w-full justify-start"

diff --git a/src/layouts/settings.vue b/src/layouts/settings.vue
@@ -17,8 +17,8 @@ onMounted(async () => {
 </script>
 
 <template>
-    <div class="space-y-6 p-10 block">
-        <div class="space-y-0.5">
+    <div class="p-10">
+        <div>
             <h2 class="text-2xl font-bold tracking-tight">
                 {{ t('settings.title') }}
             </h2>
@@ -27,12 +27,12 @@ onMounted(async () => {
             </p>
             <Separator />
         </div>
-        <div class="flex space-y-8 space-x-12">
-            <aside class="w-1/6">
+        <div class="flex">
+            <aside>
                 <SidebarNav />
             </aside>
-            <div class="w-5/6">
-                <div class="space-y-6 relative">
+            <div class="min-w-52 mt-10">
+                <div class="space-y-6">
                     <slot />
                 </div>
             </div>

diff --git a/src/pages/settings/general.vue b/src/pages/settings/general.vue
@@ -107,7 +107,7 @@ onUnmounted(() => {
 
 <template>
     <Settings :key="rerenderKey">
-        <div>
+        <div class="flex flex-col gap-2">
             <Label for="locale-switcher">
                 {{ t('settings.general.locale-change.label') }}
             </Label>