fix(demo): improve layout

CodinGame · Jun 12, 2023 · dfce19a · dfce19a
1 parent 626741b
commit dfce19a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -8,12 +8,12 @@
   </head>
   <body>
     <div id="app">
-      <div style="display: flex">
-        <div style="display: flex; flex: none; border: 1px solid var(--vscode-editorWidget-border); margin-right: 20px">
+      <div style="display: flex; gap: 20px;">
+        <div style="display: flex; flex: none; border: 1px solid var(--vscode-editorWidget-border)">
           <div id="activityBar"></div>
           <div id="sidebar" style="width: 500px"></div>
         </div>
-        <div style="flex: 1">
+        <div style="flex: 1; min-width: 0">
           <h1>Editor</h1>
           <div id="editors"></div>
 

diff --git a/demo/src/style.css b/demo/src/style.css
@@ -19,7 +19,8 @@ body {
 }
 
 #editors {
-  width: 900px;
+  width: 100%;
+  min-width: 0;
   height: 600px;
   border: 1px solid var(--vscode-editorWidget-border);
 }
@@ -32,6 +33,6 @@ body {
 }
 
 .editor {
-  width: 900px;
+  width: 100%;
   height: 600px;
 }