Increase mobile opponent text sizes for readability
- Opponent card rank/suit: 0.65rem -> 0.8rem (25% bump) - Opponent names (h4): 0.6rem -> 0.75rem - Opponent showing score: 0.55rem -> 0.7rem - Short screen card font: 0.5rem -> 0.6rem - Animation overlay font (JS 12.25px) closely matches CSS (12.8px) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
6ba0639d51
commit
7642d120e2
@ -5058,7 +5058,7 @@ body.mobile-portrait .opponent-area .dealer-chip {
|
||||
}
|
||||
|
||||
body.mobile-portrait .opponent-area h4 {
|
||||
font-size: 0.6rem;
|
||||
font-size: 0.75rem;
|
||||
margin: 0 0 2px 0;
|
||||
padding: 2px 4px;
|
||||
max-width: 120px;
|
||||
@ -5074,12 +5074,12 @@ body.mobile-portrait .opponent-area .card-grid {
|
||||
body.mobile-portrait .opponent-area .card {
|
||||
width: 35px !important;
|
||||
height: 49px !important;
|
||||
font-size: 0.65rem !important;
|
||||
font-size: 0.8rem !important;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
body.mobile-portrait .opponent-showing {
|
||||
font-size: 0.55rem;
|
||||
font-size: 0.7rem;
|
||||
padding: 0px 3px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
@ -5321,7 +5321,7 @@ body.mobile-portrait #waiting-screen {
|
||||
body.mobile-portrait .opponent-area .card {
|
||||
width: 29px !important;
|
||||
height: 40px !important;
|
||||
font-size: 0.5rem !important;
|
||||
font-size: 0.6rem !important;
|
||||
}
|
||||
|
||||
body.mobile-portrait .table-center {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user