admin/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: US-008 - Align login card border radius and shadow with dashboard design system

Browse Source
This commit is contained in:
Andy Charlwood
2026-02-15 14:26:53 +00:00
parent 274188b6aa
commit fc1581a9ff
3 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/LoginScreen.tsx
+5 -5
View File
@@ -192,9 +192,9 @@ export function LoginScreen({ onComplete }: LoginScreenProps) {
width: 'clamp(320px, 28vw, 480px)',
maxWidth: 'calc(100vw - 32px)',
padding: 'clamp(24px, 2.5vw, 40px)',
borderRadius: '12px',
borderRadius: 'var(--radius-card, 8px)',
border: '1px solid #E4EDEB',
boxShadow: '0 1px 2px rgba(26,43,42,0.05)',
boxShadow: 'var(--shadow-lg, 0 8px 32px rgba(26,43,42,0.12))',
backgroundColor: 'var(--surface, #FFFFFF)',
}}
initial={{ opacity: 0, scale: 0.98 }}
@@ -295,7 +295,7 @@ export function LoginScreen({ onComplete }: LoginScreenProps) {
fontSize: 'clamp(13px, 1.1vw, 15px)',
backgroundColor: activeField === 'username' ? 'var(--surface, #FFFFFF)' : 'var(--bg-dashboard, #F0F5F4)',
border: activeField === 'username' ? '1px solid var(--accent, #0D6E6E)' : '1px solid #E4EDEB',
borderRadius: '4px',
borderRadius: 'var(--radius-sm, 6px)',
color: '#111827',
minHeight: '38px',
display: 'flex',
@@ -337,7 +337,7 @@ export function LoginScreen({ onComplete }: LoginScreenProps) {
fontSize: 'clamp(13px, 1.1vw, 15px)',
backgroundColor: activeField === 'password' ? 'var(--surface, #FFFFFF)' : 'var(--bg-dashboard, #F0F5F4)',
border: activeField === 'password' ? '1px solid var(--accent, #0D6E6E)' : '1px solid #E4EDEB',
borderRadius: '4px',
borderRadius: 'var(--radius-sm, 6px)',
color: '#111827',
letterSpacing: '0.15em',
minHeight: '38px',
@@ -375,7 +375,7 @@ export function LoginScreen({ onComplete }: LoginScreenProps) {
color: '#FFFFFF',
backgroundColor: buttonBg,
border: 'none',
borderRadius: '4px',
borderRadius: 'var(--radius-sm, 6px)',
cursor: canLogin ? 'pointer' : 'default',
opacity: canLogin ? 1 : 0.6,
transition: 'background-color 150ms, opacity 300ms',