Nathan 3bd45d09f3
feat: floating fading footer (#3008)
Co-authored-by: thisProjects <wibbet@wobbet.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-05-12 14:52:54 -07:00

28 lines
825 B
TypeScript

import { FC } from 'react';
import styles from './Footer.module.scss';
export type FooterProps = {
version: string;
dynamicPadding: string;
};
export const Footer: FC<FooterProps> = ({ version, dynamicPadding }) => (
<footer className={styles.footer} id="footer" style={{ paddingRight: dynamicPadding }}>
<span>
Powered by <a href="https://owncast.online">Owncast v{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>
</footer>
);
export default Footer;