summaryrefslogtreecommitdiff
path: root/apps/web/app/(auth)
diff options
context:
space:
mode:
authorFuwn <[email protected]>2026-02-07 03:26:15 -0800
committerFuwn <[email protected]>2026-02-07 03:26:15 -0800
commitf2a5d1c04b9787bbd9f41af699345be6c0345ca8 (patch)
treeffbbacd807f0d3d30efb7110058bd70d6404681e /apps/web/app/(auth)
parentstyle: lowercase all user-facing strings and add custom eslint rule (diff)
downloadasa.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)')
-rw-r--r--apps/web/app/(auth)/layout.tsx19
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>
)
}