Navy.gif/owncast
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(ui): tweak footer padding and animation speed

Browse Source
This commit is contained in:
Gabe Kangas 2023-05-12 15:25:06 -07:00
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/layouts/Main/Main.module.scss
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
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 />