diff options
Diffstat (limited to 'app/routes/events.$id.tsx')
| -rw-r--r-- | app/routes/events.$id.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/app/routes/events.$id.tsx b/app/routes/events.$id.tsx index cecb282..4a84308 100644 --- a/app/routes/events.$id.tsx +++ b/app/routes/events.$id.tsx @@ -15,11 +15,11 @@ export default function EventDetail() { return ( <div className="min-h-screen bg-gray-950 text-gray-100"> - <header className="border-b border-gray-800 px-6 py-4 flex items-center justify-between"> + <header className="border-b border-gray-800 px-4 sm:px-6 py-3 sm:py-4 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 sm:gap-0"> <Link to="/" className="text-xl font-bold tracking-tight text-white"> - πΈ ζ±δΊ¬γ©γ€γγγ¦γΉ + πΈ γ©γ€γγ«θ‘γγγγͺγ </Link> - <nav className="flex gap-6 text-sm text-gray-400"> + <nav className="flex gap-4 sm:gap-6 text-sm text-gray-400"> <Link to="/events" className="hover:text-white transition-colors">γ€γγ³γ</Link> <Link to="/venues" className="hover:text-white transition-colors">δΌε ΄δΈθ¦§</Link> </nav> @@ -35,7 +35,7 @@ export default function EventDetail() { <img src={event.image_url} alt={event.title} - className="w-full max-h-72 object-cover rounded-xl mb-6" + className="w-full object-contain rounded-xl mb-6" /> )} |