update responsive design

This commit is contained in:
Chneemann 2024-04-01 20:44:55 +02:00
parent 3f5e92eea9
commit d2e6f3f519
2 changed files with 10 additions and 12 deletions

View file

@ -47,7 +47,7 @@ app-header {
position: absolute;
top: 96px;
width: calc(100vw - 64px);
height: calc(100vh - 176px);
height: calc(100vh - 240px);
padding: 32px;
}
@ -65,6 +65,7 @@ app-header {
}
app-sidebar-mobile {
position: fixed;
display: unset;
}
}

View file

@ -1,9 +1,7 @@
section {
position: relative;
}
.d-none {
display: none;
height: 100%;
width: 100%;
}
.btn-inside {
@ -163,11 +161,10 @@ section {
@media screen and (max-width: 910px) {
.left-frame {
position: relative;
top: -32px;
left: -32px;
width: calc(100vw);
min-height: calc(100vh - 208px);
padding: 0;
left: -16px;
width: calc(100vw - 16px);
min-height: calc(100vh - 176px);
}
.btn-inside {
@ -198,9 +195,9 @@ section {
@media screen and (max-width: 450px) {
.left-frame {
padding: 0;
top: -32px;
left: -16px;
min-height: calc(100vh - 176px);
width: calc(100vw);
}
.first-letter {