mirrors/spliit
1
0
Fork 0
mirror of https://github.com/spliit-app/spliit.git synced 2026-03-09 05:39:06 +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) => ( {documents.map((document, index) => (
<CarouselItem key={index}> <CarouselItem key={index}>
<Image <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} src={document.url}
width={document.width} width={document.width}
height={document.height} height={document.height}
@@ -180,8 +180,8 @@ export function DocumentThumbnail({
</CarouselItem> </CarouselItem>
))} ))}
</CarouselContent> </CarouselContent>
<CarouselPrevious className="left-0 top-auto bottom-0" /> <CarouselPrevious className="left-0 top-auto -bottom-16" />
<CarouselNext className="right-0 top-auto bottom-0" /> <CarouselNext className="right-0 top-auto -bottom-16" />
</Carousel> </Carousel>
</div> </div>
</DialogContent> </DialogContent>