LogalDeveloper/owncast
0
Fork 0
Code Activity

Addition bottom page content layout tweaks

Browse Source
This commit is contained in:
Gabe Kangas
2023-02-22 09:40:48 -08:00
parent e427f4a460
commit e8ef6433e5
3 changed files with 1 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/components/ui/Content/Content.module.scss
View File

@@ -130,7 +130,6 @@
.bottomPageContentContainer { .bottomPageContentContainer {
background-color: var(--theme-color-components-content-background); background-color: var(--theme-color-components-content-background);
padding: calc(2 * var(--content-padding)); padding: calc(2 * var(--content-padding));
padding-top: 0px;
border-radius: var(--theme-rounded-corners); border-radius: var(--theme-rounded-corners);
width: 100%; width: 100%;
} }

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

@@ -1,9 +1,5 @@
@import 'styles/mixins.scss'; @import 'styles/mixins.scss';
.pageContentContainer {
@include flexCenter;
}
.customPageContent { .customPageContent {
font-size: 1rem; font-size: 1rem;
line-height: 1.6em; line-height: 1.6em;

2
web/components/ui/CustomPageContent/CustomPageContent.tsx
View File

@@ -7,7 +7,7 @@ export type CustomPageContentProps = {
}; };
export const CustomPageContent: FC<CustomPageContentProps> = ({ content }) => ( export const CustomPageContent: FC<CustomPageContentProps> = ({ content }) => (
<div className={styles.pageContentContainer} id="custom-page-content"> <div id="custom-page-content">
<div className={styles.customPageContent} dangerouslySetInnerHTML={{ __html: content }} /> <div className={styles.customPageContent} dangerouslySetInnerHTML={{ __html: content }} />
</div> </div>
); );