LogalDeveloper/owncast
0
Fork 0
Code 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
3 changed files with 18 additions and 10 deletions
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 />} {showChat && !isMobile && <Sidebar />}
</AntContent> </AntContent>
</Spin> </Spin>
{(!isMobile || !showChat) && <Footer version={version} />} {!isMobile && <Footer version={version} />}
</div> </div>
); );
}; };

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

@@ -1,13 +1,25 @@
/* eslint-disable react/no-danger */ /* eslint-disable react/no-danger */
import { FC } from 'react'; import { FC } from 'react';
import { useRecoilValue } from 'recoil';
import Footer from '../Footer/Footer';
import styles from './CustomPageContent.module.scss'; import styles from './CustomPageContent.module.scss';
import { isMobileAtom, clientConfigStateAtom } from '../../stores/ClientConfigStore';
import { ClientConfig } from '../../../interfaces/client-config.model';
export type CustomPageContentProps = { export type CustomPageContentProps = {
content: string; content: string;
}; };
export const CustomPageContent: FC<CustomPageContentProps> = ({ content }) => ( export const CustomPageContent: FC<CustomPageContentProps> = ({ content }) => {
<div className={styles.pageContentContainer}> const isMobile = useRecoilValue<boolean | undefined>(isMobileAtom);
<div className={styles.customPageContent} dangerouslySetInnerHTML={{ __html: content }} /> const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
</div> 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; font-weight: 600;
border-top: 1px solid rgba(214, 211, 211, 0.5); border-top: 1px solid rgba(214, 211, 211, 0.5);
@media (max-width: 600px) {
display: none;
}
a { a {
color: var(--theme-text-secondary); color: var(--theme-text-secondary);
} }