mirrors/spliit
1
0
Fork 0
mirror of https://github.com/spliit-app/spliit.git synced 2026-02-18 21:46:13 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Use carousel to display images (fix dimensions)

Browse Source
This commit is contained in:
Sebastien Castiel
2024-01-28 23:41:18 -05:00
parent 9876d7045f
commit 091cd02c06
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/expense-documents-input.tsx
View File

@@ -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>