fixed image size (#92)

storyblok · Jan 12, 2024 · 1fc0ec8 · 1fc0ec8 · vercel · Jan 12, 2024
1 parent 6870040
commit 1fc0ec8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/picker-starter/src/components/AddAssetButton/AddAssetButton.vue b/picker-starter/src/components/AddAssetButton/AddAssetButton.vue
@@ -3,7 +3,7 @@
     class="plugin-add-item-big-button"
     @click.prevent="handleClick"
   >
-    <CartListItemImageContainer>
+    <CartListItemImageContainer class="plugin-add-item-big-button__container">
       <SbIcon name="block-image" />
     </CartListItemImageContainer>
     <span class="plugin-add-item-big-button__label">
@@ -70,4 +70,9 @@ export default {
   font-size: 1.4rem;
   font-weight: 500;
 }
+
+.plugin-add-item-big-button__container {
+  height: 80px;
+  min-width: 106px;
+}
 </style>
diff --git a/picker-starter/src/components/CartListItemImageContainer/CartListItemImageContainer.vue b/picker-starter/src/components/CartListItemImageContainer/CartListItemImageContainer.vue
@@ -18,8 +18,9 @@ export default {
   overflow: hidden;
   align-items: center;
   background-color: #eff1f3;
-  height: 80px;
-  min-width: 106px;
+  border: 1px solid #eff1f3;
+  max-height: 80px;
+  max-width: 106px;
   border-radius: 5px;
 }
 </style>