owncast/web/components/ui/Footer/Footer.tsx
Matthew Heller 8d222860f0
On narrow screens, bump the footer links to a second row. Re #2260. (#2267)
* On narrow screens, bump the footer links to a second row. Re #2260. Thanks to @kittee for CSS assistance.

* Prettified Code!

Co-authored-by: heller <heller@users.noreply.github.com>
2022-10-26 15:23:49 -07:00

26 lines
715 B
TypeScript

import { FC } from 'react';
import styles from './Footer.module.scss';
export type FooterProps = {
version: string;
};
export const Footer: FC<FooterProps> = ({ version }) => (
<div className={styles.footer}>
<span>
Powered by <a href="https://owncast.online">{version}</a>
</span>
<span className={styles.links}>
<a href="https://owncast.online/docs" target="_blank" rel="noreferrer">
Documentation
</a>
<a href="https://owncast.online/help" target="_blank" rel="noreferrer">
Contribute
</a>
<a href="https://github.com/owncast/owncast" target="_blank" rel="noreferrer">
Source
</a>
</span>
</div>
);
export default Footer;