refactor: deduplicate modal/button styles and enforce global utility usage

- Consolidated all modal-related styles into Modal.module.css; ValidationModal.module.css is now deprecated
- All main action/navigation buttons in NewGame and GameDetail use global .btn/.nav-buttons utility classes
- Removed duplicate utility classes from component CSS files
- Fixed .fullscreenToggle class naming for consistency
- Cleaned up component CSS to only contain component-specific styles
- Updated GameCompletionModal to use shared modal styles

This ensures DRY, maintainable, and consistent styling across the app.
This commit is contained in:
Frank Schwenk
2025-06-06 16:42:11 +02:00
parent 209df5d9f2
commit d1379985f3
13 changed files with 51 additions and 202 deletions

View File

@@ -1,3 +1,4 @@
/* GameHistory-specific styles only. Shared utility classes are now in global CSS. */
.screen {
position: absolute;
top: 0;
@@ -20,21 +21,4 @@
.screen-title {
font-size: 24px;
margin-bottom: 20px;
}
.nav-buttons {
display: flex;
flex-direction: column;
gap: 10px;
margin: 20px 0 40px 0;
}
.btn {
flex: 1;
min-width: 100px;
padding: 20px;
color: white;
border: none;
border-radius: 0;
font-size: 20px;
cursor: pointer;
touch-action: manipulation;
}