notfire/akkoma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

made columns use more space, fixed minor bug

Browse source
This commit is contained in:
RiedleroD 2024-04-26 21:39:20 +02:00 • committed by RiedleroD
parent c68595345f
commit 21fe7d76d3
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/App.scss
View file

@ -164,10 +164,11 @@ nav {
} }
.underlay { .underlay {
grid-column-start: 1; position: absolute;
grid-column-end: span 3; top: 0;
grid-row-start: 1; left: 0;
grid-row-end: 1; right: 0;
bottom: 0;
pointer-events: none; pointer-events: none;
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
background-color: var(--underlay, rgba(0, 0, 0, 0.15)); background-color: var(--underlay, rgba(0, 0, 0, 0.15));
@ -176,7 +177,7 @@ nav {
.app-layout { .app-layout {
--miniColumn: 25rem; --miniColumn: 25rem;
--maxiColumn: minmax(var(--miniColumn), 45rem); --maxiColumn: minmax(var(--miniColumn), 1fr);
--columnGap: 1em; --columnGap: 1em;
--status-margin: 0.75em; --status-margin: 0.75em;
@ -187,6 +188,7 @@ nav {
grid-template-rows: 1fr; grid-template-rows: 1fr;
box-sizing: border-box; box-sizing: border-box;
margin: 0 auto; margin: 0 auto;
padding: 0 calc(var(--columnGap) / 2);
align-content: flex-start; align-content: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;