Add noscript for browsers without JS (#2592)

* Make OwncastLogo more versatile

* Add noscript tag

* Commit updated API documentation

* Show all content on vertical overflow

---------

Co-authored-by: Owncast <owncast@owncast.online>
This commit is contained in:
Michael David Kuckuk
2023-02-01 20:04:24 +01:00
committed by GitHub
parent 50ac4602f3
commit c6136fc35c
5 changed files with 101 additions and 4 deletions

View File

@@ -3,17 +3,18 @@ import cn from 'classnames';
import styles from './OwncastLogo.module.scss';
export type LogoProps = {
variant: 'simple' | 'contrast';
variant?: 'simple' | 'contrast';
className?: string;
};
export const OwncastLogo: FC<LogoProps> = ({ variant = 'simple' }) => {
export const OwncastLogo: FC<LogoProps> = ({ variant = 'simple', className = '' }) => {
const rootClassName = cn(styles.root, {
[styles.simple]: variant === 'simple',
[styles.contrast]: variant === 'contrast',
});
return (
<div className={rootClassName}>
<div className={`${rootClassName} ${className}`}>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 95.68623352050781 104.46271514892578"