LogalDeveloper/owncast
0
Fork 0
Code Activity

fix(mobile): remove extra 20px of padding

Browse Source
This commit is contained in:
Gabe Kangas
2023-05-25 08:20:03 -07:00
parent 15b6bb6eb4
commit 15e06b9b2b
2 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -25,10 +25,6 @@
} }
} }
.lowerSectionMobileNoTabs {
padding-top: 20px;
}
.topSectionElement { .topSectionElement {
background-color: var(--theme-color-components-video-background); background-color: var(--theme-color-components-video-background);
@include screen(tablet) { @include screen(tablet) {
@@ -112,9 +108,9 @@
bottom: 40px; bottom: 40px;
right: var(--content-padding); right: var(--content-padding);
font-weight: 600; font-weight: 600;
font-size: 1em; font-size: 1em;
z-index: 99; z-index: 99;
background-color: var(--theme-color-components-chat-background); background-color: var(--theme-color-components-chat-background);
border-width: 0; border-width: 0;
box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 20%); box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 20%);
} }

2
web/components/ui/Content/MobileContent.tsx
View File

@@ -89,7 +89,7 @@ export const MobileContent: FC<MobileContentProps> = ({
<Tabs defaultActiveKey="0" items={items} /> <Tabs defaultActiveKey="0" items={items} />
</div> </div>
) : ( ) : (
<div className={styles.lowerSectionMobileNoTabs}>{aboutTabContent}</div> <div>{aboutTabContent}</div>
)} )}
</ErrorBoundary> </ErrorBoundary>
); );