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