Keep event header actions aligned together
This commit is contained in:
@@ -284,7 +284,6 @@ export function CopyGuestLink({ url }: { url: string }) {
|
||||
<Button
|
||||
type="button"
|
||||
variant="outline"
|
||||
className="tap-target w-full sm:w-auto"
|
||||
onClick={async () => {
|
||||
try {
|
||||
await navigator.clipboard.writeText(url);
|
||||
|
||||
@@ -123,7 +123,7 @@ export default async function EventDashboardPage({
|
||||
return (
|
||||
<EventWorkspace
|
||||
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 flex-wrap items-center gap-2">
|
||||
<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>
|
||||
{event.location ? <p className="text-sm text-muted-foreground">{event.location}</p> : null}
|
||||
</div>
|
||||
<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 className="flex shrink-0 flex-wrap items-center gap-2" role="group" aria-label="Event actions">
|
||||
<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>
|
||||
}
|
||||
tabs={tabs}
|
||||
|
||||
Reference in New Issue
Block a user