Use the height variables to fix the calculations using them

This commit is contained in:
Uwe Koloska
2023-07-10 14:51:46 +02:00
parent 3e3ffe8a2a
commit ee5ea8cad0

View File

@@ -142,6 +142,8 @@ input:focus{
--black-color: #000000; --black-color: #000000;
--gray-color: #888; --gray-color: #888;
--page-head-height: 50px;
--navbar-height: 50px;
} }
.btn-primary:active, .btn-primary:active,
.btn-secondary:focus, .btn-secondary:focus,
@@ -168,11 +170,11 @@ input:focus{
} */ } */
.page-head, .page-head,
.page-head .page-head-content{ .page-head .page-head-content{
height: 50px; height: var(--page-head-height);
} }
.page-head, .page-head,
.page-head .page-head-content{ .page-head .page-head-content{
top: 50px; top: var(--page-head-height);
} }
@@ -180,7 +182,7 @@ input:focus{
/* Top Header */ /* Top Header */
.navbar{ .navbar{
background: var(--background-color) !important; background: var(--background-color) !important;
height: 50px; height: var(--navbar-height);
} }
.navbar-expand{ .navbar-expand{
background-color: var(--background-color); background-color: var(--background-color);