evan/evanpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: rebuild bookmark page with drag-and-drop, search, and theme system

Browse Source 
- bookmark management with dnd-kit reordering, bulk edit, search,
  category filter/rename, and meta auto-fetch
- migrate /bookmarks → /dashboard/bookmarks under (main) layout
- homepage redesign with category grid, /-key search, dock tooltips
- theme toggle + use-theme, sonner toasts, alert-dialog/skeleton,
  visual refresh of auth pages

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
root
2026-05-02 22:53:17 +00:00
parent 832512469a
commit 694b02e848
26 changed files with 2377 additions and 561 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
frontend/app/globals.css
View File

@@ -49,72 +49,72 @@
}
:root {
--background: oklch(1 0 0);
--background: oklch(0.99 0.002 240);
--foreground: oklch(0.145 0 0);
--card: oklch(1 0 0);
--card-foreground: oklch(0.145 0 0);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.145 0 0);
--primary: oklch(0.205 0 0);
--primary-foreground: oklch(0.985 0 0);
--primary: oklch(0.546 0.218 263);
--primary-foreground: oklch(0.99 0 0);
--secondary: oklch(0.97 0 0);
--secondary-foreground: oklch(0.205 0 0);
--muted: oklch(0.97 0 0);
--muted-foreground: oklch(0.556 0 0);
--accent: oklch(0.97 0 0);
--accent-foreground: oklch(0.205 0 0);
--muted: oklch(0.965 0.005 240);
--muted-foreground: oklch(0.5 0.02 240);
--accent: oklch(0.95 0.03 263);
--accent-foreground: oklch(0.35 0.18 263);
--destructive: oklch(0.577 0.245 27.325);
--border: oklch(0.922 0 0);
--input: oklch(0.922 0 0);
--ring: oklch(0.708 0 0);
--chart-1: oklch(0.87 0 0);
--chart-2: oklch(0.556 0 0);
--chart-3: oklch(0.439 0 0);
--chart-4: oklch(0.371 0 0);
--chart-5: oklch(0.269 0 0);
--border: oklch(0.92 0.01 240);
--input: oklch(0.92 0.01 240);
--ring: oklch(0.546 0.218 263);
--chart-1: oklch(0.546 0.218 263);
--chart-2: oklch(0.65 0.16 200);
--chart-3: oklch(0.7 0.18 145);
--chart-4: oklch(0.75 0.18 80);
--chart-5: oklch(0.65 0.22 25);
--radius: 0.625rem;
--sidebar: oklch(0.985 0 0);
--sidebar-foreground: oklch(0.145 0 0);
--sidebar-primary: oklch(0.205 0 0);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.97 0 0);
--sidebar-accent-foreground: oklch(0.205 0 0);
--sidebar-border: oklch(0.922 0 0);
--sidebar-ring: oklch(0.708 0 0);
--sidebar-primary: oklch(0.546 0.218 263);
--sidebar-primary-foreground: oklch(0.99 0 0);
--sidebar-accent: oklch(0.95 0.03 263);
--sidebar-accent-foreground: oklch(0.35 0.18 263);
--sidebar-border: oklch(0.92 0.01 240);
--sidebar-ring: oklch(0.546 0.218 263);
}
.dark {
--background: oklch(0.145 0 0);
--background: oklch(0.16 0.01 240);
--foreground: oklch(0.985 0 0);
--card: oklch(0.205 0 0);
--card: oklch(0.21 0.012 240);
--card-foreground: oklch(0.985 0 0);
--popover: oklch(0.205 0 0);
--popover: oklch(0.21 0.012 240);
--popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.922 0 0);
--primary-foreground: oklch(0.205 0 0);
--secondary: oklch(0.269 0 0);
--primary: oklch(0.65 0.21 263);
--primary-foreground: oklch(0.16 0.01 240);
--secondary: oklch(0.27 0.012 240);
--secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.269 0 0);
--muted-foreground: oklch(0.708 0 0);
--accent: oklch(0.269 0 0);
--accent-foreground: oklch(0.985 0 0);
--muted: oklch(0.25 0.012 240);
--muted-foreground: oklch(0.72 0.015 240);
--accent: oklch(0.3 0.05 263);
--accent-foreground: oklch(0.85 0.1 263);
--destructive: oklch(0.704 0.191 22.216);
--border: oklch(1 0 0 / 10%);
--input: oklch(1 0 0 / 15%);
--ring: oklch(0.556 0 0);
--chart-1: oklch(0.87 0 0);
--chart-2: oklch(0.556 0 0);
--chart-3: oklch(0.439 0 0);
--chart-4: oklch(0.371 0 0);
--chart-5: oklch(0.269 0 0);
--sidebar: oklch(0.205 0 0);
--border: oklch(1 0 0 / 14%);
--input: oklch(1 0 0 / 18%);
--ring: oklch(0.65 0.21 263);
--chart-1: oklch(0.65 0.21 263);
--chart-2: oklch(0.7 0.16 200);
--chart-3: oklch(0.72 0.18 145);
--chart-4: oklch(0.78 0.18 80);
--chart-5: oklch(0.7 0.22 25);
--sidebar: oklch(0.21 0.012 240);
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.269 0 0);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.556 0 0);
--sidebar-primary: oklch(0.65 0.21 263);
--sidebar-primary-foreground: oklch(0.16 0.01 240);
--sidebar-accent: oklch(0.3 0.05 263);
--sidebar-accent-foreground: oklch(0.85 0.1 263);
--sidebar-border: oklch(1 0 0 / 14%);
--sidebar-ring: oklch(0.65 0.21 263);
}
@layer base {
@@ -126,5 +126,19 @@
}
html {
@apply font-sans;
color-scheme: light;
}
html.dark {
color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
}