Formatting

stevebauman · Jan 20, 2022 · 2c22446 · 2c22446
1 parent 22a14cf
commit 2c22446
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/components/Preview.vue b/components/Preview.vue
@@ -87,8 +87,8 @@
                             ref="window"
                             class="z-10"
                             :blocks="blocks"
-                            :filenames="filenames"
                             :settings="settings"
+                            :filenames="filenames"
                             @update:title="(title) => (settings.title = title)"
                         />
 
@@ -365,9 +365,9 @@ const DEFAULT_WIDTH = 450;
 
 export default {
     props: {
-        filenames: Array,
         tab: Object,
         code: Array,
+        filenames: Array,
         languages: Array,
     },
 

diff --git a/components/Window.vue b/components/Window.vue
@@ -32,19 +32,23 @@
                     type="text"
                     ref="title"
                     v-model="title"
-                    class="w-full p-0 text-sm font-medium text-center truncate bg-transparent border-0 shadow-none  focus:ring-0"
+                    class="w-full p-0 text-sm font-medium text-center truncate bg-transparent border-0 shadow-none focus:ring-0"
                     @blur="editingTitle = false"
                 />
 
                 <span v-else class="text-sm font-medium"> Untitled-1 </span>
             </div>
         </div>
 
-        <div v-for="(lines, index) in blocks" :key="index" :style="{ padding: `${settings.padding}px` }">
-            <div
-                v-if="filenames.length > 1"
-                class="text-sm mb-2 text-gray-400 w-full text-right"
-            >{{ filenames[index] }}</div>
+        <div
+            v-for="(lines, index) in blocks"
+            :key="index"
+            :style="{ padding: `${settings.padding}px` }"
+        >
+            <div v-if="filenames.length > 1" class="mb-2 text-sm text-right text-gray-400">
+                {{ filenames[index] }}
+            </div>
+
             <Code
                 class="relative"
                 :lines="lines"
@@ -63,7 +67,7 @@ export default {
     props: {
         blocks: Array,
         settings: Object,
-        filenames: Array
+        filenames: Array,
     },
 
     components: { Code, FauxMenu },