HaiLin/ai-ticket-platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: polish solution ui and design docs

Browse Source
This commit is contained in:
hailin
2026-07-01 11:52:07 +08:00
parent cba807befb
commit 5f558832f1
12 changed files with 216 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
frontend/src/styles/globals.css
View File

@@ -1,50 +1,42 @@
@import "tw-animate-css";
@import "shadcn/tailwind.css";
@import "@fontsource-variable/geist";
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--background: oklch(1 0 0);
--foreground: oklch(0.145 0 0);
--background: 210 20% 98%;
--foreground: 222 25% 12%;
--surface: 0 0% 100%;
--muted: oklch(0.97 0 0);
--muted-foreground: oklch(0.556 0 0);
--border: oklch(0.922 0 0);
--primary: oklch(0.205 0 0);
--primary-foreground: oklch(0.985 0 0);
--muted: 210 18% 94%;
--muted-foreground: 215 12% 42%;
--border: 214 18% 86%;
--primary: 213 52% 32%;
--primary-foreground: 0 0% 100%;
--success: 151 55% 36%;
--warning: 38 86% 48%;
--danger: 0 70% 50%;
--info: 204 76% 44%;
--ai-accent: 186 52% 36%;
--radius: 0.625rem;
--card: oklch(1 0 0);
--card-foreground: oklch(0.145 0 0);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.145 0 0);
--secondary: oklch(0.97 0 0);
--secondary-foreground: oklch(0.205 0 0);
--accent: oklch(0.97 0 0);
--accent-foreground: oklch(0.205 0 0);
--destructive: oklch(0.577 0.245 27.325);
--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);
--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);
--radius: 0.5rem;
--card: 0 0% 100%;
--card-foreground: 222 25% 12%;
--popover: 0 0% 100%;
--popover-foreground: 222 25% 12%;
--secondary: 210 18% 94%;
--secondary-foreground: 222 25% 12%;
--accent: 210 18% 94%;
--accent-foreground: 222 25% 12%;
--destructive: 0 70% 50%;
--input: 214 18% 86%;
--ring: 213 52% 32%;
--sidebar: 0 0% 100%;
--sidebar-foreground: 222 25% 12%;
--sidebar-primary: 213 52% 32%;
--sidebar-primary-foreground: 0 0% 100%;
--sidebar-accent: 210 18% 94%;
--sidebar-accent-foreground: 222 25% 12%;
--sidebar-border: 214 18% 86%;
--sidebar-ring: 213 52% 32%;
}
body {
@@ -53,49 +45,5 @@
color: hsl(var(--foreground));
font-family:
Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
@apply bg-background text-foreground;
}
.theme {
--font-heading: var(--font-sans);
--font-sans: 'Geist Variable', sans-serif;
}
.dark {
--background: oklch(0.145 0 0);
--foreground: oklch(0.985 0 0);
--card: oklch(0.205 0 0);
--card-foreground: oklch(0.985 0 0);
--popover: oklch(0.205 0 0);
--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);
--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);
--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);
--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);
}
* {
@apply border-border outline-ring/50;
}
html {
@apply font-sans;
}
}
}