読み込み中の表示を追加

mimaraka · mimaraka · commit 9dec20b9fdee · 2024-10-28T12:36:40.000+09:00
diff --git a/curve_editor/ui/src/index.html b/curve_editor/ui/src/index.html
@@ -3,9 +3,28 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+        #root {
+            background-color: rgb(244, 244, 244);
+            color: rgb(128, 128, 128);
+            height: 100%;
+            display: flex;
+            font-family: system-ui, sans-serif;
+        }
+        .loading {
+            margin: auto;
+        }
+        @media (prefers-color-scheme: dark) {
+            #root {
+                background-color: rgb(33, 33, 33);
+            }
+        }
+    </style>
 </head>
 <body style="margin:0;height:100%;">
-    <div id="root" style="height:100%;"></div>
+    <div id="root">
+        <div class="loading">読み込み中...</div>
+    </div>
     <script src="js/bundle.js"></script>
 </body>
 </html>
