From 70703712d4ca936938500893260fa7090acb2510 Mon Sep 17 00:00:00 2001
From: nakasyou <syoutarou1103@outlook.jp>
Date: Sun, 17 Nov 2024 18:57:22 +0900
Subject: [PATCH] fix: ai layout

---
 src/islands/note/components/notes/TextNote/AI.tsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/islands/note/components/notes/TextNote/AI.tsx b/src/islands/note/components/notes/TextNote/AI.tsx
index c1cee30..5290297 100644
--- a/src/islands/note/components/notes/TextNote/AI.tsx
+++ b/src/islands/note/components/notes/TextNote/AI.tsx
@@ -47,7 +47,7 @@ const ModeSwitcher = (props: {
   return (
     <div class="grid grid-cols-2 place-items-center">
       <button
-        class="border-b w-full"
+        class="border-b w-full h-full"
         onClick={() => props.onChange('text')}
         type="button"
       >
@@ -56,7 +56,7 @@ const ModeSwitcher = (props: {
         生成
       </button>
       <button
-        class="border-b w-full"
+        class="border-b w-full h-full"
         onClick={() => props.onChange('image')}
         type="button"
       >
@@ -282,13 +282,11 @@ export const FromImage = (props: {
           </div>
         }
       >
-        <div class="h-[70dvh] grid grid-cols-1 md:grid-cols-2">
+        <div class="h-[70dvh] max-h-[70dvh] grid grid-rows-2 grid-cols-1 md:grid-rows-1 md:grid-cols-2">
           <div>
-            <img
-              class="max-h-full p-2"
-              src={getScanedImageURL()}
-              alt="Scaned"
-            />
+            <div style={{
+              'background-image': `url("${getScanedImageURL()}")`
+            }} class="w-full h-full bg-no-repeat bg-center bg-contain" />
           </div>
           <div class="h-full">
             <label class="h-full flex flex-col">