From 247b73c1e459d703a1316610597959b537210e1d Mon Sep 17 00:00:00 2001
From: sawka <mike.sawka@gmail.com>
Date: Mon, 13 May 2024 14:48:59 -0700
Subject: [PATCH] working on flex styles

---
 frontend/block.less        | 2 ++
 frontend/public/style.less | 8 ++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/block.less b/frontend/block.less
index b241b5f28..de8207db1 100644
--- a/frontend/block.less
+++ b/frontend/block.less
@@ -8,10 +8,12 @@
     justify-content: center;
     width: 100%;
     height: 100%;
+    overflow: hidden;
 }
 
 .block .block-header {
     display: flex;
+    flex-shrink: 0;
     height: 30px;
     width: 100%;
     align-items: center;
diff --git a/frontend/public/style.less b/frontend/public/style.less
index f5076fdb5..eac6bac2c 100644
--- a/frontend/public/style.less
+++ b/frontend/public/style.less
@@ -20,6 +20,7 @@ body {
     background-color: var(--main-bg-color);
     color: var(--main-color);
     font: var(--base-font);
+    overflow: hidden;
 }
 
 #main,
@@ -33,13 +34,14 @@ body {
 .titlebar {
     height: 35px;
     border-bottom: 1px solid var(--border-color);
+    flex-shrink: 0;
 }
 
 .workspace {
     display: flex;
     flex-direction: column;
     width: 100%;
-    height: 100%;
+    flex-grow: 1;
 }
 
 .tabs {
@@ -47,6 +49,7 @@ body {
     flex-direction: row;
     height: 35px;
     border-bottom: 1px solid var(--border-color);
+    flex-shrink: 0;
 
     .tab {
         display: flex;
@@ -65,7 +68,8 @@ body {
 .tabcontent {
     display: flex;
     flex-direction: row;
-    height: 100%;
+    flex-grow: 1;
+    min-height: 0;
     width: 100%;
     align-items: center;
     justify-content: center;