Update guest v2 branding and theming
This commit is contained in:
@@ -9,6 +9,7 @@ import LiveShowBackdrop from '@/guest/components/LiveShowBackdrop';
|
||||
import { useTranslation } from '@/guest/i18n/useTranslation';
|
||||
import { prefersReducedMotion } from '@/guest/lib/motion';
|
||||
import { resolveLiveShowEffect } from '@/guest/lib/liveShowEffects';
|
||||
import EventLogo from '../components/EventLogo';
|
||||
|
||||
export default function LiveShowScreen() {
|
||||
const { token } = useParams<{ token: string }>();
|
||||
@@ -125,9 +126,12 @@ export default function LiveShowScreen() {
|
||||
>
|
||||
<LiveShowBackdrop mode={settings.background_mode} photo={frame[0]} intensity={settings.effect_intensity} />
|
||||
<div className="pointer-events-none absolute inset-x-0 top-0 z-30 flex items-center justify-between px-6 py-4 text-sm">
|
||||
<span className="font-semibold text-white" style={{ fontFamily: 'var(--guest-heading-font)' }}>
|
||||
{stageTitle}
|
||||
</span>
|
||||
<div className="flex items-center gap-2">
|
||||
<EventLogo name={stageTitle} icon={event?.type?.icon ?? null} size="s" />
|
||||
<span className="font-semibold text-white" style={{ fontFamily: 'var(--guest-heading-font)' }}>
|
||||
{stageTitle}
|
||||
</span>
|
||||
</div>
|
||||
<span className="rounded-full bg-white/10 px-3 py-1 text-xs font-semibold uppercase tracking-[0.24em] text-white/70">
|
||||
{connection === 'sse'
|
||||
? t('liveShowPlayer.connection.live', 'Live')
|
||||
|
||||
Reference in New Issue
Block a user