Merge pull request 'fix: add background' (#99) from music into main
Reviewed-on: Kieran/stream#99
This commit is contained in:
@ -117,6 +117,9 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
|
border-radius: 16px;
|
||||||
|
background: #222;
|
||||||
|
max-width: 340px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.music .cover {
|
.music .cover {
|
||||||
@ -127,4 +130,5 @@
|
|||||||
|
|
||||||
.music .track {
|
.music .track {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
@ -12,6 +12,7 @@ export function Music({ link }: { link: NostrLink }) {
|
|||||||
const expiry = nowPlaying && findTag(nowPlaying, "expiration");
|
const expiry = nowPlaying && findTag(nowPlaying, "expiration");
|
||||||
const isExpired = expiry && Number(expiry) > unixNow();
|
const isExpired = expiry && Number(expiry) > unixNow();
|
||||||
return (
|
return (
|
||||||
|
nowPlaying &&
|
||||||
!isExpired && (
|
!isExpired && (
|
||||||
<div className="music">
|
<div className="music">
|
||||||
{cover && <img className="cover" src={cover} alt={nowPlaying.content} />}
|
{cover && <img className="cover" src={cover} alt={nowPlaying.content} />}
|
||||||
|
Reference in New Issue
Block a user