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

Add flex-wrap to toolbar elements and project name styling

Browse Source
This commit is contained in:
Victor Giers
2026-04-11 13:26:09 +02:00
parent cd11a779c5
commit 8506b235db
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/app.css
View File

@@ -78,6 +78,7 @@ button:disabled {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
padding: 8px 14px;
background: rgba(18, 22, 28, 0.88);
@@ -110,11 +111,18 @@ button:disabled {
.toolbar__scene-controls {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
flex: 1 1 520px;
min-width: 260px;
}
.toolbar__project-name {
flex: 1 1 240px;
min-width: 180px;
max-width: 320px;
}
.toolbar__scene-picker {
flex: 0 1 220px;
min-width: 160px;
@@ -198,6 +206,7 @@ button:disabled {
box-shadow: inset 0 0 0 1px rgba(255, 241, 213, 0.28);
}
.toolbar__project-name-input,
.toolbar__scene-name-input {
height: 36px;
padding: 0 12px;