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

Layout update

Browse Source
This commit is contained in:
hfcRed 2026-01-09 18:45:28 +01:00
parent 6e8274bcc1
commit 43bb4a62e1
2 changed files with 3 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,9 +1,3 @@
.container {
min-height: calc(100dvh - var(--layout-nav-height));
display: flex;
flex-direction: row;
}
.containerWithSideNav {
display: flex;
flex-direction: row;
@ -16,7 +10,8 @@
}
.main {
padding-block: var(--s-4) var(--s-32);
padding-block: var(--s-8) var(--s-32);
min-height: calc(100dvh - var(--layout-nav-height));
}
.normal {
@ -24,7 +19,6 @@
max-width: 48rem;
margin: 0 auto;
padding-inline: var(--s-3);
min-height: 75vh;
}
.narrow {

4
app/components/Main.tsx
View File

@ -27,7 +27,7 @@ export const Main = ({
!isMinorSupporter &&
!isRouteErrorResponse(error);
const mainElement = (
return (
<main
className={
classNameOverwrite
@ -51,8 +51,6 @@ export const Main = ({
{children}
</main>
);
return <div className={styles.container}>{mainElement}</div>;
};
export { styles as mainStyles };