LogalDeveloper/owncast
0
Fork 0
Code Activity

feat(header): use instance logo for header image

Browse Source
This commit is contained in:
Gabe Kangas
2023-04-22 11:49:31 -07:00
parent c37322e5f9
commit 70e4d84c42
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/ui/Header/Header.module.scss
View File

@@ -69,3 +69,8 @@
cursor: default; cursor: default;
color: var(--theme-color-components-text-on-light); color: var(--theme-color-components-text-on-light);
} }
.avatar {
background-color: white;
padding: 0.2rem;
}

5
web/components/ui/Header/Header.tsx
View File

@@ -1,9 +1,8 @@
import { Tag, Tooltip } from 'antd'; import { Tag, Tooltip, Avatar } from 'antd';
import { FC } from 'react'; import { FC } from 'react';
import cn from 'classnames'; import cn from 'classnames';
import dynamic from 'next/dynamic'; import dynamic from 'next/dynamic';
import Link from 'next/link'; import Link from 'next/link';
import { OwncastLogo } from '../../common/OwncastLogo/OwncastLogo';
import styles from './Header.module.scss'; import styles from './Header.module.scss';
// Lazy loaded components // Lazy loaded components
@@ -41,7 +40,7 @@ export const Header: FC<HeaderComponentProps> = ({ name, chatAvailable, chatDisa
</Link> </Link>
<div className={styles.logo}> <div className={styles.logo}>
<div id="header-logo" className={styles.logoImage}> <div id="header-logo" className={styles.logoImage}>
<OwncastLogo variant="contrast" /> <Avatar src="/logo" size="large" shape="circle" className={styles.avatar} />
</div> </div>
<h1 className={styles.title} id="global-header-text"> <h1 className={styles.title} id="global-header-text">
{name} {name}