LogalDeveloper/owncast
0
Fork 0
Code Activity

Tweak offline tag color and cursor

Browse Source
This commit is contained in:
Gabe Kangas
2023-02-19 21:01:01 -08:00
parent 5bce8b44fb
commit 070a9fa675
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

@@ -55,7 +55,7 @@ export const Header: FC<HeaderComponentProps> = ({
{chatAvailable && !chatDisabled && <UserDropdown />} {chatAvailable && !chatDisabled && <UserDropdown />}
{!chatAvailable && !chatDisabled && ( {!chatAvailable && !chatDisabled && (
<Tooltip title="Chat is available when the stream is live." placement="left"> <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> </Tooltip>
)} )}
</header> </header>