blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Add gap around the main app

Browse Source
This commit is contained in:
Pablo Vazquez 2022-05-04 18:49:10 +02:00
parent 319716f6f8
commit 3a288bc1c1
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/app/src/assets/base.css
View File

@ -32,7 +32,7 @@
--header-height: 25px; --header-height: 25px;
--footer-height: 25px; --footer-height: 25px;
--grid-gap: 4px; --grid-gap: 6px;
--transition-speed: 240ms; --transition-speed: 240ms;
--transition-speed-fast: 60ms; --transition-speed-fast: 60ms;
@ -58,8 +58,9 @@ body {
"footer footer footer"; "footer footer footer";
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: var(--header-height) 1fr var(--footer-height); grid-template-rows: var(--header-height) 1fr var(--footer-height);
height: 100%; padding: var(--grid-gap);
width: 100%; height: calc(100% - calc(var(--grid-gap) * 2));
width: calc(100% - calc(var(--grid-gap) * 2));
} }
@media (max-width: 1280px) { @media (max-width: 1280px) {