From 932f7f6ea5a6ca126b09abc7fc2826a2d18bd6c5 Mon Sep 17 00:00:00 2001
From: sansai-SNCT <syunzo1115@icloud.com>
Date: Sat, 17 Dec 2022 01:34:35 +0900
Subject: [PATCH] fix: Fix image style

---
 src/pages/edit/[id].tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/edit/[id].tsx b/src/pages/edit/[id].tsx
index 4f251cb9..c9c5232e 100644
--- a/src/pages/edit/[id].tsx
+++ b/src/pages/edit/[id].tsx
@@ -6,6 +6,7 @@ import {
   HStack,
   useDisclosure,
   Input,
+  AspectRatio,
 } from "@chakra-ui/react";
 import type { NextPageWithLayout } from "next";
 import { useRouter } from "next/router";
@@ -148,7 +149,16 @@ const Edit: NextPageWithLayout = () => {
         />
 
         {imageUrl ? (
-          <Image width={128} height={128} src={imageUrl} alt="Preview Image" />
+          <Box w="full">
+            <AspectRatio ratio={16 / 9}>
+              <Image
+                fill
+                style={{ objectFit: "contain" }}
+                src={imageUrl}
+                alt="Preview Image"
+              />
+            </AspectRatio>
+          </Box>
         ) : null}
       </Modal>
     </Box>