Tweak offline tag color and cursor

2 years ago · 070a9fa675
2 changed files with 6 additions and 1 deletions
--- a/web/components/ui/Header/Header.module.scss
+++ b/web/components/ui/Header/Header.module.scss
@ -64,3 +64,8 @@
				@@ -64,3 +64,8 @@
  width: auto;
  height: auto;
 }
+
+.offlineTag {
+  cursor: default;
+  color: var(--theme-color-components-text-on-light);
+}
--- a/web/components/ui/Header/Header.tsx
+++ b/web/components/ui/Header/Header.tsx
@ -55,7 +55,7 @@ export const Header: FC<HeaderComponentProps> = ({
				@@ -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>