Merge pull request #73 from easyops-cn/steve/fix-playground-style-in-…

…small-screen Fix playground style in small screen
easyops-cn · Feb 4, 2024 · 3e2f80a · 3e2f80a
2 parents 2f20987 + 47b78c2
commit 3e2f80a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -55,6 +55,8 @@ jobs:
 
     - name: Build (Bricks)
       run: yarn build
+      env:
+        NX_REJECT_UNKNOWN_LOCAL_CACHE: '0'
 
     - name: Compress artifacts
       run: |

diff --git a/src/pages/playground/style.module.css b/src/pages/playground/style.module.css
@@ -13,10 +13,15 @@
 }
 
 .column,
-.toolbarColumn,
 .editorBox,
 .previewBox {
   flex: 1;
+}
+
+.column,
+.toolbarColumn,
+.editorBox,
+.previewBox {
   min-height: 0;
   min-width: 0;
 }
@@ -43,6 +48,7 @@
 
 .toolbarColumn:first-child {
   justify-content: flex-start;
+  flex-shrink: 0;
 }
 
 .toolbarColumn:last-child {
@@ -51,6 +57,7 @@
 
 .playground select {
   height: 24px;
+  min-width: 0;
 }
 
 .playground :global(.button) {