more image fixes (#134)

cmintey · Aug 27, 2024 · 0009d41 · 0009d41
1 parent e7a4f74
commit 0009d41
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/lib/components/wishlists/ItemDrawer.svelte b/src/lib/components/wishlists/ItemDrawer.svelte
@@ -16,16 +16,16 @@
     const handleApproval: (v: boolean) => void = $drawerStore.meta.handleApproval;
 </script>
 
-<div class="flex max-h-[80dvh] flex-col space-y-2 p-4 pb-12">
+<div class="flex max-h-[80dvh] flex-col space-y-2 p-4 pb-4">
     <div class="flex w-full justify-center">
         <hr class="self-c !w-12 !rounded !border-t-4" />
     </div>
-    <span class="text-xl font-bold md:text-2xl">
+    <span class="text-wrap break-words text-xl font-bold md:text-2xl">
         {item.name}
     </span>
-    <div class="flex justify-center">
+    <div class="flex max-h-[40dvh] justify-center">
         {#if item.imageUrl}
-            <img class="max-h-full max-w-[80%] object-contain" alt="product" src={item.imageUrl} />
+            <img class="max-h-full object-scale-down" alt="product" src={item.imageUrl} />
         {/if}
     </div>
     <div class="flex flex-row space-x-2 text-base md:text-lg">