liyanyu/video-compliance-ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 优化登录页登录方式切换 Tab 样式

Browse Source 
将白色背景切换改为下划线 Tab 样式，选中态使用紫色文字+底边框，辨识度更高。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Your Name 2026-02-09 18:56:48 +08:00
parent d4081345f7
commit 45c6c034e0
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/app/login/page.tsx
View File

@ -161,14 +161,14 @@ function LoginForm() {
</div> </div>
{/* 登录方式切换 */} {/* 登录方式切换 */}
<div className="flex bg-bg-elevated rounded-xl p-1 border border-border-subtle"> <div className="flex gap-4 border-b border-border-subtle">
<button <button
type="button" type="button"
onClick={() => { setLoginMode('password'); setError('') }} onClick={() => { setLoginMode('password'); setError('') }}
className={`flex-1 py-2.5 rounded-lg text-sm font-medium transition-all ${ className={`pb-3 text-sm font-medium transition-all border-b-2 ${
loginMode === 'password' loginMode === 'password'
? 'bg-white text-text-primary shadow-sm' ? 'border-accent-indigo text-accent-indigo'
: 'text-text-tertiary hover:text-text-secondary' : 'border-transparent text-text-tertiary hover:text-text-secondary'
}`} }`}
> >
密码登录 密码登录
@ -176,10 +176,10 @@ function LoginForm() {
<button <button
type="button" type="button"
onClick={() => { setLoginMode('code'); setError('') }} onClick={() => { setLoginMode('code'); setError('') }}
className={`flex-1 py-2.5 rounded-lg text-sm font-medium transition-all ${ className={`pb-3 text-sm font-medium transition-all border-b-2 ${
loginMode === 'code' loginMode === 'code'
? 'bg-white text-text-primary shadow-sm' ? 'border-accent-indigo text-accent-indigo'
: 'text-text-tertiary hover:text-text-secondary' : 'border-transparent text-text-tertiary hover:text-text-secondary'
}`} }`}
> >
验证码登录 验证码登录