change header title to "We❤️Eurovision" with rainbow gradient

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-13 14:52:45 +01:00
parent e03b374911
commit 2b51448b83

View File

@@ -9,7 +9,7 @@ export function RoomLayout({ roomCode, connectionStatus }: RoomLayoutProps) {
return ( return (
<div className="flex min-h-screen flex-col"> <div className="flex min-h-screen flex-col">
<header className="sticky top-0 z-50 flex items-center justify-between border-b bg-background px-4 py-3" style={{ paddingTop: "max(0.75rem, env(safe-area-inset-top))" }}> <header className="sticky top-0 z-50 flex items-center justify-between border-b bg-background px-4 py-3" style={{ paddingTop: "max(0.75rem, env(safe-area-inset-top))" }}>
<span className="text-lg font-bold">IESC</span> <span className="text-lg font-bold" style={{ backgroundImage: "linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787)", WebkitBackgroundClip: "text", WebkitTextFillColor: "transparent", backgroundClip: "text" }}>WeEurovision</span>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className="font-mono text-sm font-bold tracking-widest">{roomCode}</span> <span className="font-mono text-sm font-bold tracking-widest">{roomCode}</span>
<span <span