Tweak offline tag color and cursor

This commit is contained in:
Gabe Kangas 2023-02-19 21:01:01 -08:00
parent 5bce8b44fb
commit 070a9fa675
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
2 changed files with 6 additions and 1 deletions

View File

@ -64,3 +64,8 @@
width: auto;
height: auto;
}
.offlineTag {
cursor: default;
color: var(--theme-color-components-text-on-light);
}

View File

@ -55,7 +55,7 @@ export const Header: FC<HeaderComponentProps> = ({
{chatAvailable && !chatDisabled && <UserDropdown />}
{!chatAvailable && !chatDisabled && (
<Tooltip title="Chat is available when the stream is live." placement="left">
<Tag style={{ cursor: 'pointer' }}>Chat offline</Tag>
<Tag className={styles.offlineTag}>Chat offline</Tag>
</Tooltip>
)}
</header>