vee/Cognitive_Agent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化后端和前端逻辑

Browse Source
This commit is contained in:
minghanchen
2026-09-03 10:21:01 +08:00
parent ccd64adcfe
commit 009d8ca73e
19 changed files with 3083 additions and 763 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web-console/login.css
+73 -29
View File
@@ -1,10 +1,52 @@
:root {
color: #17232b;
background: #e8efed;
color-scheme: light;
--background: oklch(1 0 0);
--foreground: oklch(0.145 0.008 326);
--card: oklch(1 0 0);
--card-foreground: oklch(0.145 0.008 326);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.145 0.008 326);
--primary: oklch(0.488 0.243 264.376);
--primary-foreground: oklch(0.97 0.014 254.604);
--secondary: oklch(0.967 0.001 286.375);
--secondary-foreground: oklch(0.21 0.006 285.885);
--muted: oklch(0.96 0.003 325.6);
--muted-foreground: oklch(0.542 0.034 322.5);
--accent: oklch(0.96 0.003 325.6);
--accent-foreground: oklch(0.212 0.019 322.12);
--destructive: oklch(0.577 0.245 27.325);
--border: oklch(0.922 0.005 325.62);
--input: oklch(0.922 0.005 325.62);
--ring: oklch(0.711 0.019 323.02);
--radius: 0.625rem;
color: var(--foreground);
background: var(--background);
font-family: Inter, "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
letter-spacing: 0;
}
.dark {
color-scheme: dark;
--background: oklch(0.145 0.008 326);
--foreground: oklch(0.985 0 0);
--card: oklch(0.212 0.019 322.12);
--card-foreground: oklch(0.985 0 0);
--popover: oklch(0.212 0.019 322.12);
--popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.424 0.199 265.638);
--primary-foreground: oklch(0.97 0.014 254.604);
--secondary: oklch(0.274 0.006 286.033);
--secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.263 0.024 320.12);
--muted-foreground: oklch(0.711 0.019 323.02);
--accent: oklch(0.263 0.024 320.12);
--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.542 0.034 322.5);
}
* {
box-sizing: border-box;
}
@@ -14,9 +56,9 @@ body {
min-height: 100vh;
margin: 0;
background:
linear-gradient(rgba(217, 229, 225, 0.7) 1px, transparent 1px),
linear-gradient(90deg, rgba(217, 229, 225, 0.7) 1px, transparent 1px),
#eef3f1;
linear-gradient(color-mix(in oklch, var(--border) 70%, transparent) 1px, transparent 1px),
linear-gradient(90deg, color-mix(in oklch, var(--border) 70%, transparent) 1px, transparent 1px),
var(--muted);
background-size: 34px 34px;
}
@@ -30,10 +72,12 @@ body {
.login-panel {
width: min(420px, 100%);
padding: 28px;
background: #fff;
border: 1px solid #cbd7d3;
border-top: 4px solid #08766e;
box-shadow: 0 18px 50px rgba(24, 42, 48, 0.12);
color: var(--card-foreground);
background: var(--card);
border: 1px solid var(--border);
border-top: 4px solid var(--primary);
border-radius: var(--radius);
box-shadow: 0 18px 50px oklch(0.145 0.008 326 / 12%);
}
.login-brand {
@@ -41,7 +85,7 @@ body {
align-items: center;
gap: 12px;
padding-bottom: 24px;
border-bottom: 1px solid #d9e1de;
border-bottom: 1px solid var(--border);
}
.login-brand > span {
@@ -49,8 +93,8 @@ body {
height: 42px;
display: grid;
place-items: center;
color: #fff;
background: #08766e;
color: var(--primary-foreground);
background: var(--primary);
border-radius: 5px;
font-size: 13px;
font-weight: 800;
@@ -67,7 +111,7 @@ body {
.login-brand small {
margin-top: 4px;
color: #67747b;
color: var(--muted-foreground);
font: 8px "SFMono-Regular", Consolas, monospace;
}
@@ -77,7 +121,7 @@ body {
.login-heading p {
margin: 0 0 7px;
color: #08766e;
color: var(--primary);
font: 750 9px "SFMono-Regular", Consolas, monospace;
}
@@ -92,7 +136,7 @@ form {
label {
margin: 0 0 7px;
color: #4f5f66;
color: var(--muted-foreground);
font-size: 11px;
font-weight: 700;
}
@@ -102,32 +146,32 @@ input {
height: 44px;
margin-bottom: 18px;
padding: 0 12px;
color: #17232b;
background: #f7f9f8;
border: 1px solid #bbc8c4;
border-radius: 4px;
color: var(--foreground);
background: var(--background);
border: 1px solid var(--input);
border-radius: calc(var(--radius) - 2px);
font: inherit;
letter-spacing: 0;
}
input:focus {
outline: 3px solid rgba(50, 105, 168, 0.16);
border-color: #3269a8;
outline: 3px solid color-mix(in oklch, var(--ring) 24%, transparent);
border-color: var(--ring);
}
.login-message {
min-height: 17px;
margin: -4px 0 10px;
color: #bd3f49;
color: var(--destructive);
font-size: 11px;
}
button {
height: 44px;
color: #fff;
background: #08766e;
color: var(--primary-foreground);
background: var(--primary);
border: 0;
border-radius: 4px;
border-radius: calc(var(--radius) - 2px);
font: inherit;
font-weight: 750;
letter-spacing: 0;
@@ -135,7 +179,7 @@ button {
}
button:hover {
background: #075c57;
background: color-mix(in oklch, var(--primary) 86%, var(--foreground));
}
button:disabled {
@@ -148,7 +192,7 @@ footer {
align-items: center;
gap: 8px;
margin-top: 26px;
color: #67747b;
color: var(--muted-foreground);
font: 8px "SFMono-Regular", Consolas, monospace;
}
@@ -156,8 +200,8 @@ footer i {
width: 7px;
height: 7px;
border-radius: 50%;
background: #08766e;
box-shadow: 0 0 0 4px rgba(8, 118, 110, 0.12);
background: var(--primary);
box-shadow: 0 0 0 4px color-mix(in oklch, var(--primary) 12%, transparent);
}
@media (max-width: 460px) {