diff options
| author | Fuwn <[email protected]> | 2026-02-07 03:26:15 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-02-07 03:26:15 -0800 |
| commit | f2a5d1c04b9787bbd9f41af699345be6c0345ca8 (patch) | |
| tree | ffbbacd807f0d3d30efb7110058bd70d6404681e /apps/web/app/(auth)/layout.tsx | |
| parent | style: lowercase all user-facing strings and add custom eslint rule (diff) | |
| download | asa.news-f2a5d1c04b9787bbd9f41af699345be6c0345ca8.tar.xz asa.news-f2a5d1c04b9787bbd9f41af699345be6c0345ca8.zip | |
feat: pre-ship polish — UI improvements, keyboard shortcuts, appearance settings
- Rename "muted keywords" to "muted phrases" throughout settings UI
- Add header with navigation to auth pages (sign-in, sign-up, etc.)
- Merge security tab (TOTP setup) into account settings tab
- Fix TOTP name input truncation on Safari (w-64 → flex-1 min-w-0)
- Add appearance settings: font size, time display format, entry images toggle, reading time toggle
- Add keyboard shortcuts dialog (? key) with all keybindings documented
- Add extended vim shortcuts: gg, G, n/N (next/prev unread), Ctrl+h/l (panel focus)
- Add command palette shortcut (⌘K) to shortcuts dialog
- Add icon URL fields for folders and custom feeds (DB + queries + settings UI)
- Add data-has-unreads attribute for sidebar keyboard navigation
- Fix SSR prerendering crash from Zustand persist and react-resizable-panels localStorage access
- Add detail panel layout persistence via useDefaultLayout
- Update marketing copy to advertise vim-like keyboard navigation
Diffstat (limited to 'apps/web/app/(auth)/layout.tsx')
| -rw-r--r-- | apps/web/app/(auth)/layout.tsx | 19 |
1 files changed, 17 insertions, 2 deletions
diff --git a/apps/web/app/(auth)/layout.tsx b/apps/web/app/(auth)/layout.tsx index 6707b36..433f464 100644 --- a/apps/web/app/(auth)/layout.tsx +++ b/apps/web/app/(auth)/layout.tsx @@ -1,11 +1,26 @@ +import Link from "next/link" + export default function AuthLayout({ children, }: { children: React.ReactNode }) { return ( - <div className="flex min-h-screen items-center justify-center px-4"> - <div className="w-full max-w-sm space-y-6">{children}</div> + <div className="flex min-h-screen flex-col"> + <header className="flex items-center justify-between border-b border-border px-6 py-3"> + <Link href="/" className="text-text-primary"> + asa.news + </Link> + <Link + href="/" + className="text-text-secondary transition-colors hover:text-text-primary" + > + home + </Link> + </header> + <div className="flex flex-1 items-center justify-center px-4"> + <div className="w-full max-w-sm space-y-6">{children}</div> + </div> </div> ) } |