Salastil/streamwall
1
0
Fork 0
mirror of https://github.com/streamwall/streamwall.git synced 2025-12-06 01:45:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix styles

Browse Source
This commit is contained in:
sayhiben
2024-08-17 16:46:42 -07:00
parent fd1f766fa2
commit aae66e400c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/web/control.js
View File

@@ -1124,7 +1124,7 @@ function GridControls({
{roleCan(role, 'set-listening-view') && ( {roleCan(role, 'set-listening-view') && (
<StyledButton <StyledButton
isActive={isListening || isBackgroundListening} isActive={isListening || isBackgroundListening}
activeColor={isListening ? 'red' : Color('red').desaturate(0.5)} activeColor={isListening ? 'red' : Color('red').desaturate(0.5).hsl().string()}
onClick={handleListeningClick} onClick={handleListeningClick}
tabIndex={1} tabIndex={1}
> >
@@ -1238,7 +1238,7 @@ const StyledButton = styled.button`
${({ isActive, activeColor = 'red' }) => ${({ isActive, activeColor = 'red' }) =>
isActive && isActive &&
` `
border-color: ${activeColor}; border-color: ${Color(activeColor).hsl().string()};
background: ${Color(activeColor).desaturate(0.5).lighten(0.5).hsl().string()}; background: ${Color(activeColor).desaturate(0.5).lighten(0.5).hsl().string()};
`}; `};
@@ -1276,7 +1276,7 @@ const StyledGridPreviewBox = styled.div.attrs((props) => ({
justify-content: center; justify-content: center;
position: absolute; position: absolute;
background: ${({ color }) => Color(color).lightness(50).hsl().string() || '#333'}; background: ${({ color }) => Color(color).lightness(50).hsl().string() || '#333'};
border: 0 solid ${({ isError }) => (isError ? 'red' : 'black')}; border: 0 solid ${({ isError }) => (isError ? Color('red').hsl().string() : Color('black').hsl().string() )};
border-left-width: ${({ pos, borderWidth }) => border-left-width: ${({ pos, borderWidth }) =>
pos.x === 0 ? 0 : borderWidth}px; pos.x === 0 ? 0 : borderWidth}px;
border-right-width: ${({ pos, borderWidth, windowWidth }) => border-right-width: ${({ pos, borderWidth, windowWidth }) =>