Fixed flex issue between 980 and 960 pixels width
This commit is contained in:
parent
ff9142d7ab
commit
f1764796e1
13
src/App.scss
13
src/App.scss
|
@ -213,18 +213,19 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
flex: 1;
|
flex-basis: 60%;
|
||||||
flex-basis: 65%;
|
flex-grow: 1;
|
||||||
|
flex-shrink: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
flex-basis: 35%;
|
flex-basis: 35%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-flexer {
|
.sidebar-flexer {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
flex-basis: 35%;
|
flex-basis: 345px;
|
||||||
width: 365px;
|
width: 365px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -263,6 +264,8 @@ nav {
|
||||||
}
|
}
|
||||||
.sidebar-flexer {
|
.sidebar-flexer {
|
||||||
max-height: 96vh;
|
max-height: 96vh;
|
||||||
|
flex-shrink: 0;
|
||||||
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue