summaryrefslogtreecommitdiff
path: root/app/root.tsx
diff options
context:
space:
mode:
authoryyamashita <yyamashita@mosquit.one>2026-05-07 22:51:40 +0900
committeryyamashita <yyamashita@mosquit.one>2026-05-07 22:51:40 +0900
commit747e0007e0f1fe5cae9d9645d8b9c334f3698645 (patch)
treebedeb831728a707674088f652cd3c50d2750ee35 /app/root.tsx
parent5c317d8a75cd398719b1e14d50ac95ecf5dafd02 (diff)
Fix mobile layout for iPhone-sized viewports
- Stack header vertically on mobile (flex-col sm:flex-row) to prevent logo+nav overflow - Hide venue and price columns in list/row views on mobile to give title room - Shrink date/time columns on mobile (w-24 sm:w-32, w-20 sm:w-28) - Make keyword filter input full-width on mobile (w-full sm:w-52) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'app/root.tsx')
-rw-r--r--app/root.tsx2
1 files changed, 1 insertions, 1 deletions
diff --git a/app/root.tsx b/app/root.tsx
index dd55df0..37827e4 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -29,7 +29,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>東京ライブハウス</title>
+ <title>ライブに行くしかない</title>
<Meta />
<Links />
</head>