From 091cd02c06b8609a8b25298ba585121c9b289748 Mon Sep 17 00:00:00 2001
From: Sebastien Castiel <sebastien@castiel.me>
Date: Sun, 28 Jan 2024 23:41:18 -0500
Subject: [PATCH] Use carousel to display images (fix dimensions)

---
 src/components/expense-documents-input.tsx | 6 +++---
 1 file 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>