fix(theme): add height constraints to hero image (#1983)

vuejs · Feb 25, 2023 · 803d5b6 · 803d5b6
1 parent e9d1de8
commit 803d5b6
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/client/theme-default/components/VPHero.vue b/src/client/theme-default/components/VPHero.vue
@@ -306,19 +306,22 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
   /*rtl:ignore*/
   left: 50%;
   max-width: 192px;
+  max-height: 192px;
   /*rtl:ignore*/
   transform: translate(-50%, -50%);
 }
 
 @media (min-width: 640px) {
   :deep(.image-src) {
     max-width: 256px;
+    max-height: 256px;
   }
 }
 
 @media (min-width: 960px) {
   :deep(.image-src) {
     max-width: 320px;
+    max-height: 320px;
   }
 }
 </style>