fix: live stream embed layout

This commit is contained in:
Kieran 2023-11-23 13:09:23 +00:00
parent 0f07e75905
commit 3e8fe2ca95
Signed by: Kieran
GPG Key ID: DE71CEB3925BE941
3 changed files with 11 additions and 11 deletions

View File

@ -50,7 +50,7 @@ export default function Note(props: NoteProps) {
if (ev.kind === EventKind.ZapstrTrack) { if (ev.kind === EventKind.ZapstrTrack) {
return <ZapstrEmbed ev={ev} />; return <ZapstrEmbed ev={ev} />;
} }
if (ev.kind === EventKind.CategorizedPeople || ev.kind === EventKind.ContactList) { if (ev.kind === EventKind.FollowSet || ev.kind === EventKind.ContactList) {
return <PubkeyList ev={ev} className={className} />; return <PubkeyList ev={ev} className={className} />;
} }
if (ev.kind === EventKind.LiveEvent) { if (ev.kind === EventKind.LiveEvent) {

View File

@ -16,7 +16,7 @@ export function LiveEvent({ ev }: { ev: NostrEvent }) {
switch (status) { switch (status) {
case "live": { case "live": {
return ( return (
<div className="flex g4"> <div className="flex g4 items-center">
<Icon name="signal-01" /> <Icon name="signal-01" />
<b className="uppercase"> <b className="uppercase">
<FormattedMessage defaultMessage="Live" id="Dn82AL" /> <FormattedMessage defaultMessage="Live" id="Dn82AL" />
@ -49,7 +49,7 @@ export function LiveEvent({ ev }: { ev: NostrEvent }) {
case "live": { case "live": {
return ( return (
<Link to={link} target="_blank"> <Link to={link} target="_blank">
<button type="button"> <button className="nowrap">
<FormattedMessage defaultMessage="Join Stream" id="GQPtfk" /> <FormattedMessage defaultMessage="Join Stream" id="GQPtfk" />
</button> </button>
</Link> </Link>
@ -59,7 +59,7 @@ export function LiveEvent({ ev }: { ev: NostrEvent }) {
if (findTag(ev, "recording")) { if (findTag(ev, "recording")) {
return ( return (
<Link to={link} target="_blank"> <Link to={link} target="_blank">
<button type="button"> <button className="nowrap">
<FormattedMessage defaultMessage="Watch Replay" id="6/hB3S" /> <FormattedMessage defaultMessage="Watch Replay" id="6/hB3S" />
</button> </button>
</Link> </Link>
@ -70,13 +70,13 @@ export function LiveEvent({ ev }: { ev: NostrEvent }) {
} }
return ( return (
<div className="flex justify-between br p24 bg-primary"> <div className="sm:flex g12 br p24 bg-primary items-center">
<div className="flex g12"> <div>
<ProfileImage pubkey={host} showUsername={false} size={56} /> <ProfileImage pubkey={host} showUsername={false} size={56} />
<div> </div>
<h2>{title}</h2> <div className="flex flex-col g8 grow">
{statusLine()} <div className="font-semibold text-3xl">{title}</div>
</div> <div>{statusLine()}</div>
</div> </div>
<div>{cta()}</div> <div>{cta()}</div>
</div> </div>

View File

@ -1,4 +1,4 @@
enum EventKind { const enum EventKind {
Unknown = -1, Unknown = -1,
SetMetadata = 0, SetMetadata = 0,
TextNote = 1, TextNote = 1,