LogalDeveloper/owncast
0
Fork 0
Code Activity

Remove the restricted width of the page content

Browse Source
This commit is contained in:
Gabe Kangas
2022-10-08 18:18:25 -07:00
parent 2fe72ff178
commit 7e284aa4df
1 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/components/ui/CustomPageContent/CustomPageContent.module.scss
View File

@@ -10,15 +10,12 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
color: var(--theme-color-palette-0); color: var(--theme-color-palette-0);
background-color: var(--theme-color-palette-4);
padding: calc(2 * var(--content-padding)); padding: calc(2 * var(--content-padding));
border-radius: var(--theme-rounded-corners); border-radius: var(--theme-rounded-corners);
width: clamp(300px, 80%, 50em);
// Allow the content to fill the width on narrow screens.
@media only screen and (max-width: 768px) {
width: 100%; width: 100%;
} border-color: var(--theme-color-palette-4);
border-width: 1px;
border-style: solid;
hr { hr {
margin: 1.35em 0; margin: 1.35em 0;