style: format using prettier

NethServer · Nov 13, 2023 · de5db85 · de5db85
1 parent 4f2cb84
commit de5db85
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/SidebarMenu.vue b/src/components/SidebarMenu.vue
@@ -23,12 +23,12 @@ defineEmits(['navigate'])
 <template>
   <div class="flex flex-col space-y-2">
     <RouterLink
-      @click="$emit('navigate')"
       v-for="entry in entries"
       :key="entry.label"
       :to="{ name: entry.route_name }"
       active-class="active text-gray-900 bg-gray-100 dark:bg-gray-800 dark:text-gray-50"
       class="flex items-center gap-x-4 rounded-md px-4 py-2 text-gray-600 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-50"
+      @click="$emit('navigate')"
     >
       <span
         class="float-left -ml-4 hidden h-7 basis-1 rounded-r-md bg-blue-700 dark:bg-blue-500"

diff --git a/src/views/BaseTemplate.vue b/src/views/BaseTemplate.vue
@@ -30,9 +30,9 @@ function handleLogout() {
 <template>
   <div class="min-w-screen flex min-h-screen">
     <!-- Side bar -->
-    <div class="side-bar" ref="sidebarRef">
+    <div ref="sidebarRef" class="side-bar">
       <div>
-        <NeButton class="sidebar:hidden absolute right-4 top-4 h-8 w-8" @click="toggleSidebar">
+        <NeButton class="absolute right-4 top-4 h-8 w-8 sidebar:hidden" @click="toggleSidebar">
           <FontAwesomeIcon :icon="faXmark" class="h-full w-full text-gray-900 dark:text-gray-50" />
         </NeButton>
         <div class="mb-8 flex flex-col items-center justify-center gap-y-2">
@@ -55,7 +55,7 @@ function handleLogout() {
         class="flex h-16 min-w-full items-center gap-x-2 border-b border-gray-300 bg-white pr-4 dark:border-gray-800 dark:bg-gray-950"
       >
         <button
-          class="sidebar:hidden aspect-square self-stretch px-4 py-4"
+          class="aspect-square self-stretch px-4 py-4 sidebar:hidden"
           @click="toggleSidebar()"
         >
           <FontAwesomeIcon :icon="faBars" class="h-full w-full" />
@@ -96,18 +96,18 @@ function handleLogout() {
 
 <style scoped>
 .side-bar {
-  @apply sidebar:flex hidden w-full shrink-0 flex-col gap-y-8 border-r border-gray-300 bg-white px-2 py-8 dark:border-gray-800 dark:bg-gray-950 sm:w-80;
+  @apply hidden w-full shrink-0 flex-col gap-y-8 border-r border-gray-300 bg-white px-2 py-8 dark:border-gray-800 dark:bg-gray-950 sm:w-80 sidebar:flex;
 }
 
 .side-bar.active {
-  @apply sidebar:relative sidebar:z-auto absolute bottom-0 left-0 top-0 z-20 flex;
+  @apply absolute bottom-0 left-0 top-0 z-20 flex sidebar:relative sidebar:z-auto;
 }
 
 .side-bar-overlay {
   @apply absolute bottom-0 left-0 right-0 top-0 z-30 hidden bg-gray-800 opacity-70;
 }
 
 .side-bar.active + .side-bar-overlay {
-  @apply sidebar:hidden sm:block;
+  @apply sm:block sidebar:hidden;
 }
 </style>