mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-11-26 14:56:14 +03:00
Code Issues Projects Releases Packages Wiki Activity

Experiment with showing footer on about tab for mobile

Browse source
This commit is contained in:
Gabe Kangas 2022-10-20 18:00:13 -07:00
parent 9c4d2b0356
commit c6364959c9
No known key found for this signature in database
GPG key ID: 9A56337728BC81EA
3 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/components/ui/Content/Content.tsx
View file

@ -312,7 +312,7 @@ export const Content: FC = () => {
{showChat && !isMobile && <Sidebar />}
</AntContent>
</Spin>
{(!isMobile || !showChat) && <Footer version={version} />}
{!isMobile && <Footer version={version} />}
</div>
);
};

22
web/components/ui/CustomPageContent/CustomPageContent.tsx
View file

@ -1,13 +1,25 @@
/* eslint-disable react/no-danger */
import { FC } from 'react';
import { useRecoilValue } from 'recoil';
import Footer from '../Footer/Footer';
import styles from './CustomPageContent.module.scss';
import { isMobileAtom, clientConfigStateAtom } from '../../stores/ClientConfigStore';
import { ClientConfig } from '../../../interfaces/client-config.model';
export type CustomPageContentProps = {
content: string;
};
export const CustomPageContent: FC<CustomPageContentProps> = ({ content }) => (
<div className={styles.pageContentContainer}>
<div className={styles.customPageContent} dangerouslySetInnerHTML={{ __html: content }} />
</div>
);
export const CustomPageContent: FC<CustomPageContentProps> = ({ content }) => {
const isMobile = useRecoilValue<boolean | undefined>(isMobileAtom);
const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
const { version } = clientConfig;
return (
<>
<div className={styles.pageContentContainer}>
<div className={styles.customPageContent} dangerouslySetInnerHTML={{ __html: content }} />
</div>
{isMobile && <Footer version={version} />}
</>
);
};

4
web/components/ui/Footer/Footer.module.scss
View file

@ -12,10 +12,6 @@
font-weight: 600;
border-top: 1px solid rgba(214, 211, 211, 0.5);
@media (max-width: 600px) {
display: none;
}
a {
color: var(--theme-text-secondary);
}