Display fixes

This commit is contained in:
2021-08-05 10:54:52 +02:00
parent 77be0be153
commit b7ba1d105f
16 changed files with 273 additions and 55 deletions

View File

@@ -409,6 +409,24 @@ a {
.min-h-200 {
min-height: 200px; }
.w-250 {
width: 250px; }
.max-w-250 {
max-width: 250px; }
.min-w-250 {
min-width: 250px; }
.h-250 {
height: 250px; }
.max-h-250 {
max-height: 250px; }
.min-h-250 {
min-height: 250px; }
.w-300 {
width: 300px; }
@@ -427,6 +445,24 @@ a {
.min-h-300 {
min-height: 300px; }
.w-350 {
width: 350px; }
.max-w-350 {
max-width: 350px; }
.min-w-350 {
min-width: 350px; }
.h-350 {
height: 350px; }
.max-h-350 {
max-height: 350px; }
.min-h-350 {
min-height: 350px; }
.w-400 {
width: 400px; }
@@ -445,6 +481,24 @@ a {
.min-h-400 {
min-height: 400px; }
.w-450 {
width: 450px; }
.max-w-450 {
max-width: 450px; }
.min-w-450 {
min-width: 450px; }
.h-450 {
height: 450px; }
.max-h-450 {
max-height: 450px; }
.min-h-450 {
min-height: 450px; }
.w-500 {
width: 500px; }
@@ -1076,7 +1130,6 @@ a {
nav#navbar {
z-index: 100;
height: 3em;
display: flex;
justify-content: flex-between;
align-items: center;
@@ -1135,50 +1188,46 @@ nav#navbar {
margin: auto;
width: 65%; }
nav#navbar .left {
flex: 0;
text-align: left;
background-color: #ffffff; }
nav#navbar .left img {
margin: 1em;
height: 1.3em; }
nav#navbar .center {
flex: 1;
color: #243887;
font-size: 1em;
background-color: #ffffff; }
nav#navbar .right {
font-family: Manometer;
color: #ffffff; }
nav#navbar #menutoggle {
display: none; }
@media (max-width: 600px) {
nav#navbar #menutoggle {
display: block; }
nav {
height: 52px; }
nav#navbar .left {
flex: 0;
text-align: left;
background-color: #ffffff; }
nav#navbar .left img {
margin: 1em;
height: 1.3em; }
nav#navbar .center {
display: none; } }
@media (max-width: 992px) {
flex: 1;
color: #243887;
font-size: 1em;
background-color: #ffffff; }
nav#navbar .right {
display: none; } }
nav#sidebar {
position: fixed;
top: 0;
left: -300px;
width: 300px;
height: 100%;
z-index: 200;
box-shadow: 0 6px 12px rgba(107, 82, 82, 0.3);
background-color: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: ease 0.2s all; }
font-family: Manometer;
color: #ffffff; }
nav#navbar #menutoggle {
display: none; }
@media (max-width: 600px) {
nav#navbar #menutoggle {
display: block; }
nav#navbar .center {
display: none; } }
@media (max-width: 992px) {
nav#navbar .right {
display: none; } }
nav#sidebar {
position: fixed;
top: 0;
left: -300px;
width: 300px;
height: 100%;
z-index: 200;
box-shadow: 0 6px 12px rgba(107, 82, 82, 0.3);
background-color: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: ease 0.2s all; }
@media (max-width: 600px) {
nav#navbar {