fix(theme): make icon wrapping consistent in features section

closes #2923
vuejs · Sep 10, 2023 · 47fd9e4 · 47fd9e4
1 parent b277beb
commit 47fd9e4
Showing 1 changed file with 8 additions and 11 deletions.
diff --git a/src/client/theme-default/components/VPFeature.vue b/src/client/theme-default/components/VPFeature.vue
@@ -25,13 +25,14 @@ defineProps<{
     :tag="link ? 'a' : 'div'"
   >
     <article class="box">
-      <VPImage
-        v-if="typeof icon === 'object'"
-        :image="icon"
-        :alt="icon.alt"
-        :height="icon.height || 48"
-        :width="icon.width || 48"
-      />
+      <div v-if="typeof icon === 'object'" class="icon">
+        <VPImage
+          :image="icon"
+          :alt="icon.alt"
+          :height="icon.height || 48"
+          :width="icon.width || 48"
+        />
+      </div>
       <div v-else-if="icon" class="icon" v-html="icon"></div>
       <h2 class="title" v-html="title"></h2>
       <p v-if="details" class="details" v-html="details"></p>
@@ -66,10 +67,6 @@ defineProps<{
   height: 100%;
 }
 
-.VPFeature:deep(.VPImage) {
-  margin-bottom: 20px;
-}
-
 .icon {
   display: flex;
   justify-content: center;