mirror of
https://github.com/streamwall/streamwall.git
synced 2026-04-03 20:32:08 -04:00
Highlight title of stream playing audio
This commit is contained in:
@@ -33,7 +33,7 @@ function Overlay({ spaces, streamData }) {
|
|||||||
<SpaceBorder bounds={bounds} isListening={isListening}>
|
<SpaceBorder bounds={bounds} isListening={isListening}>
|
||||||
{data && (
|
{data && (
|
||||||
<>
|
<>
|
||||||
<StreamTitle>
|
<StreamTitle isListening={isListening}>
|
||||||
<StreamIcon url={url} />
|
<StreamIcon url={url} />
|
||||||
{data.Source} – {data.City} {data.State}
|
{data.Source} – {data.City} {data.State}
|
||||||
</StreamTitle>
|
</StreamTitle>
|
||||||
@@ -125,7 +125,8 @@ const StreamTitle = styled.div`
|
|||||||
color: white;
|
color: white;
|
||||||
text-shadow: 0 0 4px black;
|
text-shadow: 0 0 4px black;
|
||||||
letter-spacing: -0.025em;
|
letter-spacing: -0.025em;
|
||||||
background: rgba(0, 0, 0, 0.5);
|
background: ${({ isListening }) =>
|
||||||
|
isListening ? 'rgba(255, 0, 0, 0.5)' : 'rgba(0, 0, 0, 0.5)'};
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user