update: z-index & menu btn design

getdokan · Jan 3, 2025 · 43faa42 · 43faa42
1 parent c282960
commit 43faa42
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/admin/components/Settings/MobileSettingsList.vue b/src/admin/components/Settings/MobileSettingsList.vue
@@ -14,7 +14,7 @@
             ]"
         >
             <!-- Drawer Header -->
-            <div class="flex items-center justify-between p-4 border-b mt-8">
+            <div class="flex items-center justify-between px-4 md:pt-4 pt-8 border-b mt-8 mb-4">
                 <h2 class="text-lg font-bold m-0 p-0">{{ __('Settings Menu', 'dokan-lite') }}</h2>
                 <button
                     class="bg-none border-0 p-1"
@@ -27,7 +27,7 @@
             </div>
 
             <!-- Settings List -->
-            <div class="overflow-y-auto h-[calc(100%-64px)]">
+            <div class="overflow-y-auto h-full pb-4 box-border">
                 <template v-for="section in sections">
                     <div
                         :key="section.id"

diff --git a/src/admin/pages/Settings.vue b/src/admin/pages/Settings.vue
@@ -19,7 +19,8 @@
                             <div class="flex gap-4 items-center">
                                 <!-- Mobile menu toggle button -->
                                 <button
-                                    class="d-xs:flex lg:hidden p-2.5 bg-white border border-gray-400 rounded-lg shadow-sm hover:bg-gray-50 transition-all duration-200 ease-in-out group focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
+                                    class="d-xs:flex lg:hidden p-2.5 bg-white  dokan-settings-menu-toggle-btn
+                                     rounded-lg shadow-sm hover:bg-gray-50 transition-all duration-200 ease-in-out group outline-none "
                                     @click="openMobileDrawer"
                                 >
                                     <svg
@@ -778,15 +779,19 @@
 </script>
 
 <style lang="less">
+
     .dokan-settings-wrap {
         border: 1px solid #c8d7e1;
         display: flex;
         padding: 20px;
+        z-index: 9999;
         position: relative;
         background: #fff;
         padding-bottom: 100px;
         scroll-margin-top: 65px;
-
+        .dokan-settings-menu-toggle-btn {
+            border: 1px solid #e9e9ea;
+        }
         .loading{
             position: absolute;
             width: 100%;