よし

nakasyou · Dec 28, 2023 · 38b9fa0 · 38b9fa0
1 parent 7500311
commit 38b9fa0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 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
@@ -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
@@ -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
@@ -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) {