a1batross/akkoma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix main column having wild widths

Browse source
This commit is contained in:
Henry Jameson 2022-04-05 13:03:03 +03:00
parent 71863061c6
commit e7ac0e5d68
1 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/App.scss
View file

@ -91,7 +91,7 @@ nav {
.app-layout { .app-layout {
position: relative; position: relative;
display: grid; display: grid;
grid-template-columns: auto minmax(auto, 1fr); grid-template-columns: var(--miniColumn) var(--maxiColumn);
grid-template-areas: "sidebar content"; grid-template-areas: "sidebar content";
grid-template-rows: 1fr; grid-template-rows: 1fr;
box-sizing: border-box; box-sizing: border-box;
@ -102,8 +102,11 @@ nav {
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
justify-content: center; justify-content: center;
--miniColumn: 345px;
--maxiColumn: minmax(auto, 615px);
&.-reverse { &.-reverse {
grid-template-columns: minmax(auto, 1fr) auto; grid-template-columns: var(--maxiColumn) var(--miniColumn);
grid-template-areas: "content sidebar"; grid-template-areas: "content sidebar";
} }
} }
@ -123,16 +126,11 @@ nav {
.column { .column {
box-sizing: border-box; box-sizing: border-box;
max-width: 615px;
padding-top: 10px; padding-top: 10px;
grid-row-start: 1; grid-row-start: 1;
grid-row-end: 1; grid-row-end: 1;
margin: 0 0.5em; margin: 0 0.5em;
&.-mini {
max-width: 345px;
}
&.-scrollable { &.-scrollable {
padding-top: 10px; padding-top: 10px;
position: sticky; position: sticky;