pimhwang
/
owncast
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix(ui): tweak footer padding and animation speed

pull/2980/head
Gabe Kangas 2 years ago
parent
0a4dd39b82
commit
9cb566681e
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
2 changed files with 3 additions and 3 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      web/components/layouts/Main/Main.module.scss
  2. 4
      web/components/layouts/Main/Main.tsx

2
web/components/layouts/Main/Main.module.scss
Unescape View File

@ -24,7 +24,7 @@
} }
.fadeIn { .fadeIn {
animation: fadein 2s; animation: fadein 0.5s;
} }
@keyframes fadein { @keyframes fadein {

4
web/components/layouts/Main/Main.tsx
Unescape View File

@ -62,7 +62,7 @@ export const Main: FC = () => {
// accounts for sidebar width when online in desktop // accounts for sidebar width when online in desktop
const showChat = online && !chatDisabled && isChatVisible; const showChat = online && !chatDisabled && isChatVisible;
const dynamicPadding = showChat && !isMobile ? '340px' : '0px'; const dynamicFooterPadding = showChat && !isMobile ? '340px' : '20px';
useEffect(() => { useEffect(() => {
setupNoLinkReferrer(layoutRef.current); setupNoLinkReferrer(layoutRef.current);
@ -200,7 +200,7 @@ export const Main: FC = () => {
style={displayFooter ? { display: 'flex' } : { display: 'none' }} style={displayFooter ? { display: 'flex' } : { display: 'none' }}
className={styles.fadeIn} className={styles.fadeIn}
> >
<Footer version={version} dynamicPadding={dynamicPadding} /> <Footer version={version} dynamicPadding={dynamicFooterPadding} />
</div> </div>
</Layout> </Layout>
<Noscript /> <Noscript />

Write Preview
Loading…
Cancel
Save