Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-05-06 05:07:36 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

New layout vars

Browse Source
This commit is contained in:
hfcRed 2026-01-14 20:11:59 +01:00
parent f0a8ab1295
commit 10befba10a
5 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/Main.module.css
View File

@ -10,27 +10,27 @@
}
.main {
padding-block: var(--s-3) var(--s-32);
padding: var(--layout-main-padding);
margin-bottom: var(--s-32);
min-height: calc(100dvh - var(--layout-nav-height));
}
.normal {
width: 100%;
max-width: 48rem;
margin: 0 auto;
padding-inline: var(--s-3);
margin-inline: auto;
}
.narrow {
width: 100%;
max-width: 24rem;
margin: 0 auto;
margin-inline: auto;
}
.wide {
width: 100%;
max-width: 72rem;
margin: 0 auto;
margin-inline: auto;
}
@media screen and (display-mode: standalone) {

2
app/features/build-analyzer/routes/analyzer.module.css
View File

@ -6,7 +6,7 @@
.leftColumn {
position: sticky;
top: calc(var(--layout-nav-height) + var(--s-3));
top: var(--layout-sticky-top);
display: flex;
height: max-content;
flex-direction: column;

4
app/features/sendouq-match/routes/q.match.$id.module.css
View File

@ -78,7 +78,7 @@
.chatContainer {
align-self: flex-start;
top: calc(var(--layout-nav-height) + var(--s-3));
top: var(--layout-sticky-top);
position: sticky;
width: 100%;
}
@ -87,7 +87,7 @@
display: flex;
flex-direction: column;
align-self: flex-start;
top: calc(var(--layout-nav-height) + var(--s-3));
top: var(--layout-sticky-top);
position: sticky;
}

2
app/features/tournament/tournament.module.css
View File

@ -5,7 +5,7 @@
}
.chatContainer {
top: calc(var(--layout-nav-height) + var(--s-3));
top: var(--layout-sticky-top);
position: sticky;
width: 100%;
}

5
app/styles/vars.css
View File

@ -145,6 +145,11 @@ html {
--layout-nav-height: 55px;
--layout-sidenav-width: 250px;
--layout-main-padding: var(--s-4);
--layout-sticky-top: calc(
var(--layout-nav-height) +
var(--layout-main-padding)
);
}
html {