fix: forgor to commit

wd-4000 · Dec 26, 2023 · 62291fe · 62291fe
1 parent e24ff6e
commit 62291fe
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 22 deletions.
diff --git a/playground/pages/sidebar.vue b/playground/pages/sidebar.vue
@@ -3,7 +3,11 @@
     <template #app>
       <div>Sidebar example</div>
     </template><template>
-      <e-nav-sidebar-btn title="John Pork" subtitle="hi i'm john pork" :icon="mdiHome"/>
+      <e-nav-sidebar-btn
+        title="John Pork"
+        subtitle="hi i'm john pork"
+        :icon="mdiHome"
+      />
     </template>
   </e-nav-sidebar>
 </template>

diff --git a/src/runtime/components/e/nav/sidebar-btn.vue b/src/runtime/components/e/nav/sidebar-btn.vue
@@ -1,29 +1,34 @@
 <template>
-   <e-btn
-      :solid="false"
-      justify="stretch"
-      block
-      background="transparent"
-      class="pa-0 ma-0 e-sidebar-btn"
+  <e-btn
+    :solid="false"
+    justify="stretch"
+    block
+    background="transparent"
+    class="pa-0 ma-0 e-sidebar-btn"
+  >
+    <div
+      v-if="icon"
+      class="e-sidebar-btn-icon"
     >
-      <div class="e-sidebar-btn-icon" v-if="icon">
-        <e-icon
-          :icon="icon"
-          size="22"
-        />
+      <e-icon
+        :icon="icon"
+        size="22"
+      />
+    </div>
+    <div class="ml-4 d-flex flex-column e-sidebar-btn-text">
+      <div class="mb-1">
+        {{ title }}
       </div>
-      <div class="ml-4 d-flex flex-column e-sidebar-btn-text">
-        <div class="mb-1">
-        {{title}}
-        </div>
-        <div class="text-secondary" v-if="subtitle">
+      <div
+        v-if="subtitle"
+        class="text-secondary"
+      >
         {{ subtitle }}
-        </div>
       </div>
-    </e-btn>
-    </template>
+    </div>
+  </e-btn>
+</template>
     <script setup lang="ts">
-  import {mdiHome} from "@mdi/js"
   defineProps<{
     title: string;
     subtitle?:string;

diff --git a/src/runtime/components/e/nav/sidebar.vue b/src/runtime/components/e/nav/sidebar.vue
@@ -4,7 +4,7 @@
     @mouseenter="state.hover = true"
     @mouseleave="state.hover = false"
   >
-   <slot/>
+    <slot />
   </div>
   <div class="e-sidebar-app-content">
     <slot name="app" />