Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Top bar height as css variable

Browse Source
This commit is contained in:
Adina Țeudan 2023-01-20 11:44:48 +02:00
parent ab8d164205
commit e96093a81b
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/styles/_common-variables.scss
View File

@ -50,6 +50,7 @@ body {
--iqser-app-name-font-family: 'some placeholder value that should be overridden when configuring a theme'; --iqser-app-name-font-family: 'some placeholder value that should be overridden when configuring a theme';
--iqser-app-name-font-size: 18px; --iqser-app-name-font-size: 18px;
--iqser-app-name-color: black; --iqser-app-name-color: black;
--iqser-top-bar-height: 61px;
} }
$required-variables: 'iqser-font-family' 'iqser-primary'; $required-variables: 'iqser-font-family' 'iqser-primary';

4
src/assets/styles/common-base-screen.scss
View File

@ -1,7 +1,7 @@
@use 'common-mixins'; @use 'common-mixins';
.top-bar { .top-bar {
height: 61px; height: var(--iqser-top-bar-height);
width: 100vw; width: 100vw;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -63,7 +63,7 @@
top: 0; top: 0;
z-index: 100; z-index: 100;
right: 0; right: 0;
height: 61px; height: var(--iqser-top-bar-height);
word-break: break-all; word-break: break-all;
display: flex; display: flex;
justify-content: center; justify-content: center;