tolelom
0b999f0526
- WalletSummary.css 신규 분리 (WalletPage.css 결합도 제거) - InventoryTab: useCallback + useEffect([load]) 패턴으로 통일 - LoginPage: handleSSAFYLogin 함수 분리 - RegisterPage: 유효성 검사 메시지 세분화 (빈값/짧음/문자 오류 구분), 테스트 52개 전부 통과 - SSAFYCallbackPage: AuthPage.css 임포트 + 버튼 클래스 적용 - AuthPage.css: .login-logo 클래스 추가 - AdminPage.css: 후행 공백 제거 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
52 lines
946 B
CSS
52 lines
946 B
CSS
.wallet-summary {
|
|
background: rgba(186, 205, 176, 0.06);
|
|
border: 1px solid rgba(186, 205, 176, 0.15);
|
|
border-radius: 10px;
|
|
padding: 20px 24px;
|
|
margin-bottom: 32px;
|
|
cursor: pointer;
|
|
transition: border-color 0.2s, background 0.2s;
|
|
}
|
|
|
|
.wallet-summary:hover {
|
|
border-color: rgba(186, 205, 176, 0.3);
|
|
background: rgba(186, 205, 176, 0.09);
|
|
}
|
|
|
|
.wallet-summary-title {
|
|
font-size: 0.75rem;
|
|
text-transform: uppercase;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
letter-spacing: 0.08em;
|
|
margin: 0 0 12px;
|
|
}
|
|
|
|
.wallet-summary-balance {
|
|
font-size: 1.8rem;
|
|
font-weight: 700;
|
|
color: #BACDB0;
|
|
margin: 0;
|
|
}
|
|
|
|
.wallet-summary-stats {
|
|
display: flex;
|
|
gap: 24px;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.wallet-summary-stat {
|
|
font-size: 0.85rem;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.wallet-summary-stat strong {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.wallet-summary-stats {
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
}
|
|
}
|