Browse Source

fix(mobile): remove extra 20px of padding

pull/3048/head
Gabe Kangas 2 years ago
parent
commit
15e06b9b2b
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
  1. 12
      web/components/ui/Content/Content.module.scss
  2. 2
      web/components/ui/Content/MobileContent.tsx

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

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

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

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

Loading…
Cancel
Save