From de5db85374ecfd2dba80a32f70fe75143447ad41 Mon Sep 17 00:00:00 2001
From: Tommaso Bailetti <tommaso.bailetti@nethesis.it>
Date: Mon, 13 Nov 2023 09:02:43 +0100
Subject: [PATCH] style: format using prettier

---
 src/components/SidebarMenu.vue |  2 +-
 src/views/BaseTemplate.vue     | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/SidebarMenu.vue b/src/components/SidebarMenu.vue
index 6d6fb08..b06a119 100644
--- 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
index 69b6972..c515586 100644
--- 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,11 +96,11 @@ 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 {
@@ -108,6 +108,6 @@ function handleLogout() {
 }
 
 .side-bar.active + .side-bar-overlay {
-  @apply sidebar:hidden sm:block;
+  @apply sm:block sidebar:hidden;
 }
 </style>