docs: fix promoted initial layout shift

vuetifyjs · May 1, 2023 · 283f33f · 283f33f
1 parent 10b51a4
commit 283f33f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/packages/docs/src/components/promoted/Base.vue b/packages/docs/src/components/promoted/Base.vue
@@ -1,5 +1,8 @@
 <template>
-  <v-lazy :min-height="minHeight">
+  <v-lazy
+    :min-height="minHeight"
+    class="d-flex mb-4"
+  >
     <v-sheet
       v-bind="$attrs"
       :color="isDark ? '#1F1F1F' : 'grey-lighten-4'"
@@ -33,7 +36,7 @@
 
   const minHeight = computed(() => {
     if (props.minHeight) return props.minHeight
-    if (props.density === 'compact') return 52
+    if (props.density === 'compact') return 56
     if (props.density === 'comfortable') return 74
 
     return 118

diff --git a/packages/docs/src/components/promoted/Carbon.vue b/packages/docs/src/components/promoted/Carbon.vue
@@ -2,7 +2,6 @@
   <promoted-base
     ref="script"
     :class="[
-      'mb-4',
       isDark ? 'theme--dark' : 'theme--light',
     ]"
     border

diff --git a/packages/docs/src/components/promoted/Promoted.vue b/packages/docs/src/components/promoted/Promoted.vue
@@ -1,7 +1,7 @@
 <template>
   <a
     v-if="ad"
-    class="d-block mb-4"
+    class="d-block"
     style="max-width: 640px;"
     v-bind="attrs"
     @click="onClick"
@@ -13,7 +13,6 @@
       max-width="640"
       outlined
     >
-
       <v-img
         :src="background"
         class="flex-1-1-auto rounded"