hk/kunkun
1
0
Fork 0
mirror of https://github.com/kunkunsh/kunkun.git synced 2025-04-04 14:46:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve layout of DialogImageCarousel component

Browse Source 
- Adjusted Carousel.Item to use flexbox for better alignment of images.
- Removed unnecessary class attributes for cleaner markup.
- Ensured images maintain their aspect ratio with object-contain styling.
This commit is contained in:
Huakun Shen 2025-01-18 23:36:18 -05:00
parent 402208e95a
commit 090271bdb9
No known key found for this signature in database
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/ui/src/components/common/DialogImageCarousel.svelte
View File

@ -43,10 +43,10 @@
<Dialog.Root bind:open>
<Dialog.Content class="flex max-h-[80vh] w-10/12 max-w-full items-center justify-center">
<Carousel.Root setApi={(emblaApi) => (api = emblaApi)} class="max-h-[80vh] w-full">
<Carousel.Content class="flex max-h-[75vh] items-center justify-center">
<Carousel.Content class="max-h-[75vh]">
{#each imageSrcs as src}
<Carousel.Item class="">
<img {src} class="max-h-full max-w-full object-contain" alt="" />
<Carousel.Item class="flex justify-center">
<img {src} class="object-contain" alt="" />
</Carousel.Item>
{/each}
</Carousel.Content>