mirror of
https://github.com/Wei-Shaw/claude-relay-service.git
synced 2026-01-23 20:37:39 +00:00
fix: 修复用户界面显示问题
- 修复用户菜单下拉框被glass-strong元素遮挡的问题,改为fixed定位并提高z-index - 修复登录界面label颜色与背景色相同的问题,改为text-gray-900 - 修复错误消息提示框文字颜色问题,从text-red-200改为text-red-800提高可读性 - 确保所有UI元素在各种背景下都有良好的可见性和对比度 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -31,7 +31,7 @@
|
|||||||
|
|
||||||
<form @submit.prevent="login" class="space-y-6">
|
<form @submit.prevent="login" class="space-y-6">
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-semibold text-white mb-3">用户名</label>
|
<label class="block text-sm font-semibold text-gray-900 mb-3">用户名</label>
|
||||||
<input
|
<input
|
||||||
v-model="loginForm.username"
|
v-model="loginForm.username"
|
||||||
type="text"
|
type="text"
|
||||||
@@ -42,7 +42,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-semibold text-white mb-3">密码</label>
|
<label class="block text-sm font-semibold text-gray-900 mb-3">密码</label>
|
||||||
<input
|
<input
|
||||||
v-model="loginForm.password"
|
v-model="loginForm.password"
|
||||||
type="password"
|
type="password"
|
||||||
@@ -63,7 +63,7 @@
|
|||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<div v-if="loginError" class="mt-6 p-4 bg-red-500/20 border border-red-500/30 rounded-xl text-red-200 text-sm text-center backdrop-blur-sm">
|
<div v-if="loginError" class="mt-6 p-4 bg-red-500/20 border border-red-500/30 rounded-xl text-red-800 text-sm text-center backdrop-blur-sm">
|
||||||
<i class="fas fa-exclamation-triangle mr-2"></i>{{ loginError }}
|
<i class="fas fa-exclamation-triangle mr-2"></i>{{ loginError }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -97,8 +97,8 @@
|
|||||||
<!-- 悬浮菜单 -->
|
<!-- 悬浮菜单 -->
|
||||||
<div
|
<div
|
||||||
v-if="userMenuOpen"
|
v-if="userMenuOpen"
|
||||||
class="absolute right-0 top-full mt-2 w-48 bg-white rounded-xl shadow-xl border border-gray-200 py-2"
|
class="fixed right-6 top-20 w-48 bg-white rounded-xl shadow-xl border border-gray-200 py-2"
|
||||||
style="z-index: 9999;"
|
style="z-index: 99999;"
|
||||||
@click.stop
|
@click.stop
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
|
|||||||
Reference in New Issue
Block a user