From 38b9fa03b7015c20e236dee54c0013554d8a5ea1 Mon Sep 17 00:00:00 2001
From: Shotaro Nakamura <79000684+nakasyou@users.noreply.github.com>
Date: Thu, 28 Dec 2023 08:48:48 +0000
Subject: [PATCH] =?UTF-8?q?=E3=82=88=E3=81=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/notes/ImageNote/components/EditorCoreX.tsx       | 2 +-
 .../note-x/components/notes/ImageNote/components/Player.tsx     | 2 +-
 .../note-x/components/notes/ImageNote/components/Sheet.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/islands/note-x/components/notes/ImageNote/components/EditorCoreX.tsx b/src/islands/note-x/components/notes/ImageNote/components/EditorCoreX.tsx
index 70aca35b..675cb27a 100644
--- a/src/islands/note-x/components/notes/ImageNote/components/EditorCoreX.tsx
+++ b/src/islands/note-x/components/notes/ImageNote/components/EditorCoreX.tsx
@@ -196,7 +196,7 @@ export default (props: Props) => {
             <div class="absolute top-0 left-0">
               <img class="pointer-events-none select-none" src={imageUrl()} alt='image' />
             </div>
-            <div class="absolute top-0 left-0">
+            <div class="absolute top-0 left-0 w-full h-full">
               <Sheet
                 isPlayMode={false}
                 sheets={[...sheets(), ...(() => {
diff --git a/src/islands/note-x/components/notes/ImageNote/components/Player.tsx b/src/islands/note-x/components/notes/ImageNote/components/Player.tsx
index 4b6b00ee..35d97edf 100644
--- a/src/islands/note-x/components/notes/ImageNote/components/Player.tsx
+++ b/src/islands/note-x/components/notes/ImageNote/components/Player.tsx
@@ -38,7 +38,7 @@ export default (props: {
   return <div class="">
     <div class="relative origin-top-left">
       <img class="pointer-events-none select-none" src={props.imageUrl} alt='image' ref={imgRef} />
-      <div class="absolute top-0 left-0">
+      <div class="absolute top-0 left-0 w-full h-full">
         <Sheet
           isPlayMode={!props.viewMode}
           sheets={props.sheetsData}
diff --git a/src/islands/note-x/components/notes/ImageNote/components/Sheet.tsx b/src/islands/note-x/components/notes/ImageNote/components/Sheet.tsx
index 35a84074..448da9d3 100644
--- a/src/islands/note-x/components/notes/ImageNote/components/Sheet.tsx
+++ b/src/islands/note-x/components/notes/ImageNote/components/Sheet.tsx
@@ -41,7 +41,7 @@ export default (props: Props) => {
     }))
   })
 
-  return <svg width={props.width} height={props.height} class={props.class}>
+  return <svg class={props.class} viewBox={`0 0 ${props.width} ${props.height}`}>
     <For each={getSheets()}>{(sheet, index) => {
       const commands: (string | number)[] = ['M' + sheet.sheet.startPosition.x + ',' + sheet.sheet.startPosition.y]
       for (const position of sheet.sheet.positions) {