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

chore: add user login button

Browse Source
This commit is contained in:
Feng Yue
2025-08-13 15:13:41 +08:00
parent 8ab4ad32fe
commit 2a0be1b187
1 changed files with 41 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
web/admin-spa/src/views/ApiStatsView.vue
View File

@@ -10,6 +10,13 @@
:title="oemSettings.siteName" :title="oemSettings.siteName"
/> />
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<router-link
class="user-login-button flex items-center gap-2 rounded-xl px-3 py-2 text-white transition-all duration-300 md:px-4 md:py-2"
to="/user-login"
>
<i class="fas fa-user text-sm" />
<span class="text-xs font-medium md:text-sm">用户登录</span>
</router-link>
<router-link <router-link
class="admin-button flex items-center gap-2 rounded-xl px-3 py-2 text-white transition-all duration-300 md:px-4 md:py-2" class="admin-button flex items-center gap-2 rounded-xl px-3 py-2 text-white transition-all duration-300 md:px-4 md:py-2"
to="/dashboard" to="/dashboard"
@@ -255,6 +262,40 @@ watch(apiKey, (newValue) => {
letter-spacing: -0.025em; letter-spacing: -0.025em;
} }
/* 用户登录按钮 */
.user-login-button {
background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
border: 1px solid rgba(255, 255, 255, 0.2);
text-decoration: none;
box-shadow:
0 4px 6px -1px rgba(52, 211, 153, 0.3),
0 2px 4px -1px rgba(52, 211, 153, 0.1);
position: relative;
overflow: hidden;
}
.user-login-button::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: left 0.5s;
}
.user-login-button:hover {
transform: translateY(-2px);
box-shadow:
0 10px 15px -3px rgba(52, 211, 153, 0.4),
0 4px 6px -2px rgba(52, 211, 153, 0.15);
}
.user-login-button:hover::before {
left: 100%;
}
/* 管理后台按钮 */ /* 管理后台按钮 */
.admin-button { .admin-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);