diff options
| author | Sebastien Castiel <sebastien@castiel.me> | 2024-01-28 23:41:18 -0500 |
|---|---|---|
| committer | Sebastien Castiel <sebastien@castiel.me> | 2024-01-28 23:41:18 -0500 |
| commit | 091cd02c06b8609a8b25298ba585121c9b289748 (patch) | |
| tree | 5dccdde273c45e4cfc5804e768645cb168d8728d /src/components | |
| parent | 9876d7045fa13f5ba0d0f05846693a0313eff13d (diff) | |
Use carousel to display images (fix dimensions)
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/expense-documents-input.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/expense-documents-input.tsx b/src/components/expense-documents-input.tsx index 80b78f7..b9cda33 100644 --- a/src/components/expense-documents-input.tsx +++ b/src/components/expense-documents-input.tsx @@ -171,7 +171,7 @@ export function DocumentThumbnail({ {documents.map((document, index) => ( <CarouselItem key={index}> <Image - className="object-contain w-[calc(100vw-32px)] h-[calc(100dvh-32px-40px-16px)] sm:w-[calc(100vw-32px-32px)] sm:h-[calc(100dvh-32px-40px-16px-32px)]" + className="object-contain w-[calc(100vw-32px)] h-[calc(100dvh-32px-40px-16px-48px)] sm:w-[calc(100vw-32px-32px)] sm:h-[calc(100dvh-32px-40px-16px-32px-48px)]" src={document.url} width={document.width} height={document.height} @@ -180,8 +180,8 @@ export function DocumentThumbnail({ </CarouselItem> ))} </CarouselContent> - <CarouselPrevious className="left-0 top-auto bottom-0" /> - <CarouselNext className="right-0 top-auto bottom-0" /> + <CarouselPrevious className="left-0 top-auto -bottom-16" /> + <CarouselNext className="right-0 top-auto -bottom-16" /> </Carousel> </div> </DialogContent> |