fix the image size on the item drawer (#133)

cmintey · Aug 27, 2024 · e7a4f74 · e7a4f74
1 parent a9d404e
commit e7a4f74
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/lib/components/wishlists/ItemCard/ItemCard.svelte b/src/lib/components/wishlists/ItemCard/ItemCard.svelte
@@ -164,7 +164,7 @@
     const drawerSettings: DrawerSettings = {
         id: "item",
         position: "bottom",
-        height: "max-h-fit",
+        height: "max-h-screen",
         padding: "md:px-12 lg:px-32 xl:px-56",
         meta: {
             item,

diff --git a/src/lib/components/wishlists/ItemDrawer.svelte b/src/lib/components/wishlists/ItemDrawer.svelte
@@ -16,7 +16,7 @@
     const handleApproval: (v: boolean) => void = $drawerStore.meta.handleApproval;
 </script>
 
-<div class="flex flex-col space-y-2 p-4 pb-12">
+<div class="flex max-h-[80dvh] flex-col space-y-2 p-4 pb-12">
     <div class="flex w-full justify-center">
         <hr class="self-c !w-12 !rounded !border-t-4" />
     </div>
@@ -25,7 +25,7 @@
     </span>
     <div class="flex justify-center">
         {#if item.imageUrl}
-            <img class="" alt="product" src={item.imageUrl} />
+            <img class="max-h-full max-w-[80%] object-contain" alt="product" src={item.imageUrl} />
         {/if}
     </div>
     <div class="flex flex-row space-x-2 text-base md:text-lg">