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

Web: style buttons and footer in Blender Blue

Browse Source
This commit is contained in:
Sybren A. Stüvel 2022-04-22 11:46:45 +02:00
parent 4129ed11bb
commit fc4cc11483
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/app/src/App.vue
View File

@ -139,6 +139,8 @@ export default {
--grid-gap: 4px; --grid-gap: 4px;
--action-bar-height: 2em; --action-bar-height: 2em;
--blender-blue: #265787;
} }
html, html,
@ -201,6 +203,7 @@ h3.sub-title {
.col-1 { .col-1 {
grid-area: col-1; grid-area: col-1;
max-height: calc(100vh - var(--header-height) - var(--footer-height) - 2*var(--grid-gap)); max-height: calc(100vh - var(--header-height) - var(--footer-height) - 2*var(--grid-gap));
overflow: scroll;
} }
.col-2 { .col-2 {
@ -213,7 +216,7 @@ h3.sub-title {
footer { footer {
grid-area: footer; grid-area: footer;
background-color: #333333; background-color: var(--blender-blue);
color: #EEE; color: #EEE;
padding-top: 0.2rem; padding-top: 0.2rem;
padding-left: 0.2rem; padding-left: 0.2rem;
@ -231,7 +234,7 @@ section.action-bar button.action {
border-radius: 0.3rem; border-radius: 0.3rem;
border: thin solid white; border: thin solid white;
background: #6E6D70; background: var(--blender-blue);
color: #DFDEDF; color: #DFDEDF;
touch-action: manipulation; touch-action: manipulation;
margin-right: 0.3rem; margin-right: 0.3rem;