fix: global font size increase + button size increase

This commit is contained in:
Chen Gu
2026-05-09 15:23:46 +08:00
parent 61a8245582
commit 03b58aa1d1
26 changed files with 144 additions and 226 deletions

View File

@@ -64,7 +64,7 @@ export default function Login() {
<div className="text-center mb-6">
<h1 className="text-[14px] font-bold tracking-[0.2em] uppercase text-[#e0e0e0]"> 2.0</h1>
<p className="text-[8px] font-mono text-[#555] mt-1"></p>
<p className="text-[12px] font-mono text-[#555] mt-1"></p>
</div>
<Card className="w-full max-w-xs" serial="AUTH-01">
@@ -73,7 +73,7 @@ export default function Login() {
<button
key={t}
onClick={() => setTab(t)}
className={`flex-1 py-2 text-[8px] font-semibold tracking-[0.12em] uppercase transition-colors duration-75
className={`flex-1 py-2 text-[12px] font-semibold tracking-[0.12em] uppercase transition-colors duration-75
border-r border-[#333] last:border-r-0
${tab === t ? 'bg-[#ff4500]/10 text-[#ff4500]' : 'text-[#555] hover:text-[#888]'}`}
>
@@ -91,7 +91,7 @@ export default function Login() {
onChange={e => setCardKey(e.target.value)}
style={{ borderRadius: 0, borderColor: '#333', background: '#111', color: '#e0e0e0', fontSize: 10 }}
/>
<Button variant="primary" size="sm" className="w-full text-[9px]" onClick={handleActivateVip} loading={loading}>
<Button variant="primary" size="sm" className="w-full text-[12px]" onClick={handleActivateVip} loading={loading}>
VIP
</Button>
</>
@@ -118,25 +118,25 @@ export default function Login() {
style={{ borderRadius: 0, borderColor: '#333', background: '#111', color: '#e0e0e0', fontSize: 10 }}
/>
)}
<Button variant="primary" size="sm" className="w-full text-[9px]" onClick={handleLogin} loading={loading}>
<Button variant="primary" size="sm" className="w-full text-[12px]" onClick={handleLogin} loading={loading}>
{tab === 'login' ? '登录' : '注册'}
</Button>
</>
)}
{error && (
<p className="text-[8px] font-mono text-[#cc3300] border border-[#cc3300]/30 p-1.5 bg-[#cc3300]/5">
<p className="text-[12px] font-mono text-[#cc3300] border border-[#cc3300]/30 p-1.5 bg-[#cc3300]/5">
{error}
</p>
)}
<p className="text-[7px] font-mono text-[#444] text-center">SYS-AUTH v1.0</p>
<p className="text-[12px] font-mono text-[#444] text-center">SYS-AUTH v1.0</p>
</div>
</Card>
<button
onClick={() => navigate('/')}
className="mt-4 text-[8px] font-mono text-[#555] hover:text-[#888] transition-colors duration-75"
className="mt-4 text-[12px] font-mono text-[#555] hover:text-[#888] transition-colors duration-75"
>
</button>