fix: adjust layout of ContactDetailComponent for responsive SidebarComponent resizing
This commit is contained in:
parent
dfe2b14206
commit
1dd8d32acf
1 changed files with 11 additions and 0 deletions
|
|
@ -43,6 +43,7 @@
|
||||||
box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.1);
|
box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.1);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-frame {
|
.right-frame {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 96px;
|
top: 96px;
|
||||||
|
|
@ -154,6 +155,16 @@
|
||||||
|
|
||||||
/*------------- RESPONSIVE -------------*/
|
/*------------- RESPONSIVE -------------*/
|
||||||
|
|
||||||
|
@media screen and (max-width: 1440px) {
|
||||||
|
.left-frame {
|
||||||
|
left: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-frame {
|
||||||
|
left: 460px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 1150px) {
|
@media screen and (max-width: 1150px) {
|
||||||
.left-frame {
|
.left-frame {
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue