From 7e15eb7c7a92cdaac67ee7d67e538d6dbfecc789 Mon Sep 17 00:00:00 2001
From: Darko Gjorgjijoski <dg@darkog.com>
Date: Sat, 4 Apr 2026 03:22:00 +0200
Subject: [PATCH] Make settings sidebar sticky and consistent across all
 settings pages

Add gap-8 to user settings (was missing), and sticky top-20
self-start to all three settings sidebars (company, admin, user
profile) so the menu stays fixed while the content area scrolls.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../admin/views/administration/settings/SettingsIndex.vue     | 2 +-
 resources/scripts/admin/views/settings/SettingsIndex.vue      | 2 +-
 .../scripts/admin/views/user-settings/UserSettingsIndex.vue   | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/scripts/admin/views/administration/settings/SettingsIndex.vue b/resources/scripts/admin/views/administration/settings/SettingsIndex.vue
index 7fdb6f96..945349f3 100644
--- a/resources/scripts/admin/views/administration/settings/SettingsIndex.vue
+++ b/resources/scripts/admin/views/administration/settings/SettingsIndex.vue
@@ -25,7 +25,7 @@
     </div>
 
     <div class="flex gap-8">
-      <div class="hidden mt-1 xl:block min-w-[240px]">
+      <div class="hidden mt-1 xl:block min-w-[240px] sticky top-20 self-start">
         <BaseList>
           <BaseListItem
             v-for="(menuItem, index) in menuItems"
diff --git a/resources/scripts/admin/views/settings/SettingsIndex.vue b/resources/scripts/admin/views/settings/SettingsIndex.vue
index 5bf54673..509b1c47 100644
--- a/resources/scripts/admin/views/settings/SettingsIndex.vue
+++ b/resources/scripts/admin/views/settings/SettingsIndex.vue
@@ -25,7 +25,7 @@
     </div>
 
     <div class="flex gap-8">
-      <div class="hidden mt-1 xl:block min-w-[240px]">
+      <div class="hidden mt-1 xl:block min-w-[240px] sticky top-20 self-start">
         <BaseList>
           <BaseListItem
             v-for="(menuItem, index) in globalStore.settingMenu"
diff --git a/resources/scripts/admin/views/user-settings/UserSettingsIndex.vue b/resources/scripts/admin/views/user-settings/UserSettingsIndex.vue
index 522f28cb..27723c06 100644
--- a/resources/scripts/admin/views/user-settings/UserSettingsIndex.vue
+++ b/resources/scripts/admin/views/user-settings/UserSettingsIndex.vue
@@ -30,8 +30,8 @@
       />
     </div>
 
-    <div class="flex">
-      <div class="hidden mt-1 xl:block min-w-[240px]">
+    <div class="flex gap-8">
+      <div class="hidden mt-1 xl:block min-w-[240px] sticky top-20 self-start">
         <BaseList>
           <BaseListItem
             v-for="(menuItem, index) in menuItems"