update responsive design
This commit is contained in:
parent
3f5e92eea9
commit
d2e6f3f519
2 changed files with 10 additions and 12 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in a new issue