feat(v-nav-drawer): allow to hide toggle via hideToggle prop

gitsindonesia · Sep 27, 2021 · 151dbcf · 151dbcf
1 parent 5259d9e
commit 151dbcf
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/components/VNavDrawer/VNavDrawer.vue b/src/components/VNavDrawer/VNavDrawer.vue
@@ -31,9 +31,14 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  hideToggle: {
+    type: Boolean,
+    default: false,
+  },
 });
 
-const {modelValue, mini, menus, logoProps, dark, color} = toRefs(props);
+const {modelValue, mini, menus, logoProps, dark, color, hideToggle} =
+  toRefs(props);
 
 const emit = defineEmits(['update:modelValue', 'update:mini']);
 
@@ -73,7 +78,7 @@ const bgColor = computed(() =>
       z-20
       min-h-screen
       shadow-md
-      p-4
+      p-2
       transition-all
       duration-300
       flex flex-col
@@ -82,11 +87,12 @@ const bgColor = computed(() =>
       bgColor,
       mini
         ? 'w-10/12 sm:w-[85px]'
-        : 'transform -translate-x-full sm:transform-none sm:w-[250px]',
+        : 'transform -translate-x-full sm:transform-none sm:w-[260px]',
     ]"
   >
     <div class="hidden sm:block">
       <v-btn
+        v-if="!hideToggle"
         size="sm"
         icon
         rounded