Update Default.vue

n1crack · Jun 30, 2024 · 441f8d6 · 441f8d6
1 parent db20167
commit 441f8d6
Showing 1 changed file with 21 additions and 4 deletions.
diff --git a/src/components/previews/Default.vue b/src/components/previews/Default.vue
@@ -1,11 +1,28 @@
 <template>
-  <div class="flex">
-    <h3 class="mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400" id="modal-title"
-         :title="app.modal.data.item.path">{{ app.modal.data.item.basename }}</h3>
+  <div class="vuefinder__default-preview">
+    <div class="vuefinder__default-preview__header">
+      <h3 class="vuefinder__default-preview__title" id="modal-title" :title="app.modal.data.item.path">
+        {{ app.modal.data.item.basename }}
+      </h3>
+    </div>
+    <div></div>
   </div>
-  <div></div>
 </template>
 
+<style>
+.vuefinder__default-preview {
+  @apply flex flex-col;
+}
+
+.vuefinder__default-preview__header {
+  @apply flex mb-2;
+}
+
+.vuefinder__default-preview__title {
+  @apply text-lg leading-6 font-medium text-gray-900 dark:text-gray-400;
+}
+</style>
+
 <script setup>
 
 import {onMounted, inject} from 'vue';