bugfix design
This commit is contained in:
parent
6f23326c04
commit
0e76bc7745
2 changed files with 11 additions and 8 deletions
|
|
@ -41,7 +41,7 @@ app-header {
|
||||||
@media screen and (max-width: 910px) {
|
@media screen and (max-width: 910px) {
|
||||||
.main-content {
|
.main-content {
|
||||||
width: calc(100vw - 64px);
|
width: calc(100vw - 64px);
|
||||||
height: calc(100vh - 240px);
|
height: calc(100vh - 176px);
|
||||||
padding: 32px;
|
padding: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -143,25 +143,28 @@ section {
|
||||||
|
|
||||||
@media screen and (max-width: 1150px) {
|
@media screen and (max-width: 1150px) {
|
||||||
.left-frame {
|
.left-frame {
|
||||||
position: fixed;
|
position: absolute;
|
||||||
top: 96px;
|
top: -64px;
|
||||||
left: 232px;
|
left: -64px;
|
||||||
width: calc(100vw - 232px);
|
width: calc(100vw - 232px);
|
||||||
min-height: calc(100vh - 207px);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 910px) {
|
@media screen and (max-width: 910px) {
|
||||||
.left-frame {
|
.left-frame {
|
||||||
top: 96px;
|
position: relative;
|
||||||
left: 0px;
|
top: -32px;
|
||||||
width: 100vw;
|
left: -32px;
|
||||||
|
width: calc(100vw);
|
||||||
|
min-height: calc(100vh - 208px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 450px) {
|
@media screen and (max-width: 450px) {
|
||||||
.left-frame {
|
.left-frame {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
left: -16px;
|
||||||
|
min-height: calc(100vh - 176px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue