Kieran/zap.stream
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tags wrapping

Browse Source
This commit is contained in:
Alejandro Gomez
2023-07-09 01:05:40 +02:00
parent d98440b47b
commit aaa2e26bd9
3 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/pages/layout.css
View File

@ -205,6 +205,7 @@ button span.hide-on-mobile {
.tags { .tags {
display: flex; display: flex;
flex-wrap: wrap;
gap: 8px; gap: 8px;
} }

29
src/pages/stream-page.tsx
View File

@ -47,21 +47,20 @@ function ProfileInfo({ ev, goal }: { ev?: NostrEvent; goal?: TaggedRawEvent }) {
<div className="f-grow stream-info"> <div className="f-grow stream-info">
<h1>{findTag(ev, "title")}</h1> <h1>{findTag(ev, "title")}</h1>
<p>{findTag(ev, "summary")}</p> <p>{findTag(ev, "summary")}</p>
{ev && ( <div className="tags">
<Tags ev={ev}> <StatePill state={status as StreamState} />
<StatePill state={status as StreamState} /> {viewers > 0 && (
{viewers > 0 && ( <span className="pill viewers">
<span className="pill viewers"> {formatSats(viewers)} viewers
{formatSats(viewers)} viewers </span>
</span> )}
)} {status === StreamState.Live && (
{status === StreamState.Live && ( <span className="pill">
<span className="pill"> <StreamTimer ev={ev} />
<StreamTimer ev={ev} /> </span>
</span> )}
)} {ev && <Tags ev={ev} />}
</Tags> </div>
)}
{isMine && ( {isMine && (
<div className="actions"> <div className="actions">
{ev && <NewStreamDialog text="Edit" ev={ev} btnClassName="btn" />} {ev && <NewStreamDialog text="Edit" ev={ev} btnClassName="btn" />}