mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
Fixing one-column settings layout
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
parent
c380b20960
commit
c1ce7a0bbb
@ -7,7 +7,6 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: grid !important;
|
display: grid !important;
|
||||||
grid-template-columns: 1fr;
|
|
||||||
|
|
||||||
@include media("<1000px") {
|
@include media("<1000px") {
|
||||||
--width: 85%;
|
--width: 85%;
|
||||||
@ -16,13 +15,8 @@
|
|||||||
&.showNavigation {
|
&.showNavigation {
|
||||||
grid-template-columns: var(--nav-column-width) 1fr;
|
grid-template-columns: var(--nav-column-width) 1fr;
|
||||||
|
|
||||||
> .content-wrapper {
|
> .contentRegion {
|
||||||
> .content {
|
justify-content: flex-start;
|
||||||
width: 100%;
|
|
||||||
max-width: 800px;
|
|
||||||
padding-left: 1px; // Fix visual content crop
|
|
||||||
padding-right: calc(var(--nav-column-width) - var(--nav-width));
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -94,6 +88,7 @@
|
|||||||
> .contentRegion {
|
> .contentRegion {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
> .content {
|
> .content {
|
||||||
width: var(--width);
|
width: var(--width);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user