mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-10-03 00:27:30 -05:00
Move app to apps/web-react in pnpm workspace layout
This commit is contained in:
31
apps/web-react/app/components/Main.module.css
Normal file
31
apps/web-react/app/components/Main.module.css
Normal file
@@ -0,0 +1,31 @@
|
||||
.main {
|
||||
container-type: inline-size;
|
||||
padding: var(--layout-main-padding);
|
||||
margin-bottom: var(--s-32);
|
||||
min-height: calc(100dvh - var(--layout-nav-height));
|
||||
|
||||
/* Fill the whole content area (sidebars already excluded by the flex
|
||||
layout) while staying a query container, so a descendant can break out
|
||||
of the page max-width and size against the full width via cqw units. */
|
||||
&[data-main-breakout] {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
.normal {
|
||||
width: 100%;
|
||||
max-width: 48rem;
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.narrow {
|
||||
width: 100%;
|
||||
max-width: 24rem;
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.wide {
|
||||
width: 100%;
|
||||
max-width: 72rem;
|
||||
margin-inline: auto;
|
||||
}
|
||||
Reference in New Issue
Block a user