soconnor/manyangles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Keep event header actions aligned together

Browse Source
This commit is contained in:
soconnor
2026-09-10 10:30:02 -04:00
parent 9f638d3c2a
commit 2c382b8bd1
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/app/dashboard/events/[id]/moderation-grid.tsx
-1
View File
@@ -284,7 +284,6 @@ export function CopyGuestLink({ url }: { url: string }) {
<Button <Button
type="button" type="button"
variant="outline" variant="outline"
className="tap-target w-full sm:w-auto"
onClick={async () => { onClick={async () => {
try { try {
await navigator.clipboard.writeText(url); await navigator.clipboard.writeText(url);
apps/web/src/app/dashboard/events/[id]/page.tsx
+5 -3
View File
@@ -123,7 +123,7 @@ export default async function EventDashboardPage({
return ( return (
<EventWorkspace <EventWorkspace
heading={ heading={
<div className="flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between"> <div className="flex flex-col gap-4 xl:flex-row xl:items-end xl:justify-between">
<div className="flex min-w-0 flex-col gap-2"> <div className="flex min-w-0 flex-col gap-2">
<div className="flex flex-wrap items-center gap-2"> <div className="flex flex-wrap items-center gap-2">
<h1 className="font-display text-3xl sm:text-4xl">{event.title}</h1> <h1 className="font-display text-3xl sm:text-4xl">{event.title}</h1>
@@ -138,8 +138,10 @@ export default async function EventDashboardPage({
<p className="truncate text-sm text-muted-foreground">{event.guestUrl.replace(/^https?:\/\//, "")}</p> <p className="truncate text-sm text-muted-foreground">{event.guestUrl.replace(/^https?:\/\//, "")}</p>
{event.location ? <p className="text-sm text-muted-foreground">{event.location}</p> : null} {event.location ? <p className="text-sm text-muted-foreground">{event.location}</p> : null}
</div> </div>
<CopyGuestLink url={event.guestUrl} /> <div className="flex shrink-0 flex-wrap items-center gap-2" role="group" aria-label="Event actions">
<Button asChild variant="outline"><Link href={`/dashboard/events/${event.id}/sign`}><QrCodeIcon data-icon="inline-start" />Guest sign</Link></Button> <CopyGuestLink url={event.guestUrl} />
<Button asChild variant="outline"><Link href={`/dashboard/events/${event.id}/sign`}><QrCodeIcon data-icon="inline-start" />Guest sign</Link></Button>
</div>
</div> </div>
} }
tabs={tabs} tabs={tabs}