From 71048df4d4800606871741d03fc14e9d1c8c543c Mon Sep 17 00:00:00 2001
From: Tai Sakuma <tai.sakuma@gmail.com>
Date: Tue, 25 Jul 2023 10:46:43 -0400
Subject: [PATCH] fix the width so as to iPhone SE

---
 src/components/main/trace-frame/Layout.vue       | 3 ++-
 src/components/main/trace-frame/ScriptEditor.vue | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/main/trace-frame/Layout.vue b/src/components/main/trace-frame/Layout.vue
index b4efd4f..2465ec7 100644
--- a/src/components/main/trace-frame/Layout.vue
+++ b/src/components/main/trace-frame/Layout.vue
@@ -43,7 +43,8 @@ const traceIds = computed(() => traceIdSubscription.data.value);
 .g-container {
   display: grid;
   block-size: 100%;
-  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+  inline-size: 100%;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 6px;
 }
 </style>
diff --git a/src/components/main/trace-frame/ScriptEditor.vue b/src/components/main/trace-frame/ScriptEditor.vue
index 22119c7..8aac504 100644
--- a/src/components/main/trace-frame/ScriptEditor.vue
+++ b/src/components/main/trace-frame/ScriptEditor.vue
@@ -1,5 +1,6 @@
 <template>
-  <v-layout full-height style="width: 100%">
+  <!-- <v-layout full-height style="max-inline-size: 100%"> -->
+  <v-layout full-height>
     <v-card flat class="g-container" rounded="0">
       <div class="g-content">
         <div ref="editor" style="height: 100%; max-height: 100%"></div>
@@ -145,6 +146,7 @@ function reset() {
 .g-content {
   grid-area: content;
   block-size: 100%;
+  inline-size: 100%;
 }
 
 .g-header {