github/claude-relay-service
1
0
Fork 0
mirror of https://github.com/Wei-Shaw/claude-relay-service.git synced 2026-01-23 20:12:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
SunSeekerX
2026-01-19 20:24:47 +08:00
parent 12fd5e1cb4
commit 76ecbe18a5
98 changed files with 8182 additions and 1896 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/admin-spa/src/components/apistats/ApiKeyInput.vue
View File

@@ -262,11 +262,11 @@ const hasValidInput = computed(() => {
}
:global(.dark) .wide-card-input:focus {
border-color: #60a5fa;
border-color: var(--primary-color);
box-shadow:
0 0 0 3px rgba(96, 165, 250, 0.15),
0 0 0 3px rgba(var(--primary-rgb), 0.15),
0 10px 15px -3px rgba(0, 0, 0, 0.4);
background: rgba(31, 41, 55, 0.95);
background: var(--glass-strong-color);
color: #f3f4f6;
}
@@ -289,18 +289,18 @@ const hasValidInput = computed(() => {
}
.btn-primary {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
color: white;
box-shadow:
0 10px 15px -3px rgba(102, 126, 234, 0.3),
0 4px 6px -2px rgba(102, 126, 234, 0.05);
0 10px 15px -3px rgba(var(--primary-rgb), 0.3),
0 4px 6px -2px rgba(var(--primary-rgb), 0.05);
}
.btn-primary:hover:not(:disabled) {
transform: translateY(-1px);
box-shadow:
0 20px 25px -5px rgba(102, 126, 234, 0.3),
0 10px 10px -5px rgba(102, 126, 234, 0.1);
0 20px 25px -5px rgba(var(--primary-rgb), 0.3),
0 10px 10px -5px rgba(var(--primary-rgb), 0.1);
}
.btn-primary:disabled {
@@ -322,8 +322,8 @@ const hasValidInput = computed(() => {
}
:global(.dark) .security-notice {
background: rgba(31, 41, 55, 0.8) !important;
border: 1px solid rgba(75, 85, 99, 0.5) !important;
background: var(--glass-strong-color) !important;
border: 1px solid var(--border-color) !important;
color: #d1d5db !important;
}
@@ -334,8 +334,8 @@ const hasValidInput = computed(() => {
}
:global(.dark) .security-notice:hover {
background: rgba(31, 41, 55, 0.9) !important;
border-color: rgba(75, 85, 99, 0.6) !important;
background: var(--glass-strong-color) !important;
border-color: var(--border-color) !important;
color: #e5e7eb !important;
}
@@ -371,7 +371,7 @@ const hasValidInput = computed(() => {
}
:global(.dark) .mode-switch-group {
background: #1f2937;
background: var(--bg-gradient-start);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
@@ -392,7 +392,7 @@ const hasValidInput = computed(() => {
}
:global(.dark) .mode-switch-btn {
color: #9ca3af;
color: var(--text-secondary);
}
.mode-switch-btn:hover:not(.active) {
@@ -407,12 +407,12 @@ const hasValidInput = computed(() => {
.mode-switch-btn.active {
color: white;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
box-shadow: 0 2px 4px rgba(var(--primary-rgb), 0.2);
}
.mode-switch-btn.active:hover {
box-shadow: 0 4px 6px rgba(102, 126, 234, 0.3);
box-shadow: 0 4px 6px rgba(var(--primary-rgb), 0.3);
}
.mode-switch-btn i {