fix(mobile): add explicit font-size to confirmation dialog body text
Add explicit font-size using rem units to confirmation dialog body text to ensure it's readable on all screen sizes. Changes: - .rpg-confirm-body p: Add font-size: 1rem (base size) - Mobile (@max-width: 768px): Override to 0.95rem for mobile screens Previously, the body text had no explicit font-size and was inheriting from parent, causing it to appear tiny on mobile devices. Now uses proper rem-based sizing that scales appropriately.
This commit is contained in:
@@ -1637,6 +1637,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
|
||||
margin: 0;
|
||||
line-height: 1.5;
|
||||
color: var(--rpg-text);
|
||||
font-size: 1rem; /* Explicit readable size */
|
||||
}
|
||||
|
||||
/* Confirmation Dialog Footer */
|
||||
@@ -1727,6 +1728,10 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.rpg-confirm-body p {
|
||||
font-size: 0.95rem; /* Slightly smaller but still readable on mobile */
|
||||
}
|
||||
|
||||
/* Make buttons touch-friendly */
|
||||
.rpg-btn-primary,
|
||||
.rpg-btn-secondary {
|
||||
|
||||
Reference in New Issue
Block a user