diff options
| author | yyamashita <yyamashita@mosquit.one> | 2026-05-09 14:11:33 +0900 |
|---|---|---|
| committer | yyamashita <yyamashita@mosquit.one> | 2026-05-09 14:11:33 +0900 |
| commit | e2f492ccae9afcc98ae7eb76bb94dc973aed60d8 (patch) | |
| tree | a58b38d426dc51f06ccfa7e159c668f8dc9ce30c /app/root.tsx | |
| parent | cd8787b77dadf752826a967d404b718b3ec92601 (diff) | |
simplize css
Diffstat (limited to 'app/root.tsx')
| -rw-r--r-- | app/root.tsx | 34 |
1 files changed, 11 insertions, 23 deletions
diff --git a/app/root.tsx b/app/root.tsx index 5d66876..26bfb48 100644 --- a/app/root.tsx +++ b/app/root.tsx @@ -26,7 +26,7 @@ export const links: Route.LinksFunction = () => [ export function Layout({ children }: { children: React.ReactNode }) { return ( - <html lang="ja" className="dark"> + <html lang="ja"> <head> <meta charSet="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> @@ -34,7 +34,7 @@ export function Layout({ children }: { children: React.ReactNode }) { <Meta /> <Links /> </head> - <body className="bg-gray-950 text-gray-100 antialiased"> + <body> {children} <ScrollRestoration /> <Scripts /> @@ -46,23 +46,11 @@ export function Layout({ children }: { children: React.ReactNode }) { export default function App() { return ( <> - <nav className="border-b border-gray-800"> - <div className="max-w-3xl mx-auto px-4 py-3 flex items-center gap-6"> - <Link to="/" className="font-bold text-white tracking-tight"> - whois.band - </Link> - <Link - to="/bands/new" - className="text-sm text-gray-400 hover:text-white transition-colors" - > - + Band - </Link> - <Link - to="/artists/new" - className="text-sm text-gray-400 hover:text-white transition-colors" - > - + Artist - </Link> + <nav> + <div> + <Link to="/" className="logo">whois.band</Link> + <Link to="/bands/new">+ Band</Link> + <Link to="/artists/new">+ Artist</Link> </div> </nav> <Outlet /> @@ -87,11 +75,11 @@ export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) { } return ( - <main className="max-w-3xl mx-auto px-4 py-16"> - <h1 className="text-2xl font-bold">{message}</h1> - <p className="mt-2 text-gray-400">{details}</p> + <main> + <h1>{message}</h1> + <p className="muted" style={{ marginTop: ".5rem" }}>{details}</p> {stack && ( - <pre className="mt-4 w-full p-4 overflow-x-auto bg-gray-900 rounded text-sm"> + <pre> <code>{stack}</code> </pre> )} |