ea9c7a4a27
* Refactor CommentBadge * Refactor livestreamComment component * Refactor and split livestreamComment CSS * Refactor livestreamComments component * Refactor and split livestreamComments CSS * Remove never used spinner * Refactor livestream Page * Refactor page component * Refactor livestreamLayout component * Break apart livestreamComments into separate sibling components - This helps separating LivestreamComments to deal with only the comments, and the LivestreamLayout to be used for its own Page as a Popout option, and also for a layered approach for mobile * Create Popout Chat Page, Add Popout Chat Menu Option * Add Hide Chat option * sockety improvements * Websocket changes Co-authored-by: Thomas Zarebczan <thomas.zarebczan@gmail.com>
20 lines
540 B
SCSS
20 lines
540 B
SCSS
.superChat {
|
|
border-radius: var(--border-radius);
|
|
background: linear-gradient(to right, var(--color-superchat), var(--color-superchat-3));
|
|
padding: 0.2rem var(--spacing-xs);
|
|
font-weight: var(--font-weight-bold);
|
|
font-size: var(--font-xsmall);
|
|
|
|
.credit-amount {
|
|
color: var(--color-superchat-text);
|
|
}
|
|
}
|
|
|
|
.superChat--light {
|
|
@extend .superChat;
|
|
background: linear-gradient(to right, var(--color-superchat__light), var(--color-superchat-3__light));
|
|
|
|
.credit-amount {
|
|
color: var(--color-superchat-text__light);
|
|
}
|
|
}
|