fix: layout preview missing default style (#16)

motea927 · Oct 16, 2024 · 5d16876 · 5d16876
1 parent 1572eb9
commit 5d16876
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/popup/src/components/LayoutPreview.vue b/popup/src/components/LayoutPreview.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="el" :style="mergedStyle" class="z-[990] bg-no-repeat bg-center touch-none"></div>
+  <div ref="el" :style="mergedStyle"></div>
 </template>
 
 <script setup lang="ts">
@@ -17,7 +17,11 @@ const props = defineProps<{
 const defaultStyle = computed<StyleValue>(() => {
   return {
     backgroundSize: '100% auto',
-    backgroundImage: `url(${props.imageUrl})`
+    backgroundImage: `url(${props.imageUrl})`,
+    zIndex: 990,
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: 'center',
+    touchAction: 'none'
   }
 })