giers10/webeditor3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update app.css for layout and overflow adjustments

Browse Source
This commit is contained in:
Victor Giers
2026-03-31 04:45:22 +02:00
parent 8f4681e831
commit bb55738d1c
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/app.css
View File

@@ -25,11 +25,12 @@ html,
body, body,
#root { #root {
margin: 0; margin: 0;
min-height: 100%; height: 100%;
} }
body { body {
min-height: 100vh; min-height: 100vh;
overflow: hidden;
background: background:
radial-gradient(circle at top, rgba(80, 96, 120, 0.35) 0%, rgba(23, 28, 37, 0) 42%), radial-gradient(circle at top, rgba(80, 96, 120, 0.35) 0%, rgba(23, 28, 37, 0) 42%),
linear-gradient(180deg, #1b2029 0%, #101318 100%); linear-gradient(180deg, #1b2029 0%, #101318 100%);
@@ -63,9 +64,10 @@ button:disabled {
.app-shell { .app-shell {
display: grid; display: grid;
grid-template-rows: 64px minmax(0, 1fr) 36px; grid-template-rows: 64px minmax(0, 1fr) 36px;
min-height: 100vh; height: 100vh;
gap: 12px; gap: 12px;
padding: 12px; padding: 12px;
overflow: hidden;
} }
.toolbar { .toolbar {
@@ -146,6 +148,7 @@ button:disabled {
grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) minmax(280px, 320px); grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) minmax(280px, 320px);
gap: 12px; gap: 12px;
min-height: 0; min-height: 0;
overflow: hidden;
} }
.runner-workspace { .runner-workspace {
@@ -153,6 +156,7 @@ button:disabled {
grid-template-columns: minmax(0, 1fr) minmax(280px, 320px); grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
gap: 12px; gap: 12px;
min-height: 0; min-height: 0;
overflow: hidden;
} }
.side-column { .side-column {
@@ -160,6 +164,11 @@ button:disabled {
flex-direction: column; flex-direction: column;
gap: 12px; gap: 12px;
min-height: 0; min-height: 0;
min-width: 0;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
scrollbar-gutter: stable;
} }
.panel { .panel {