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 @@
/* Consolidated modal styles for all modals */
.modal {
display: none;
position: fixed;
@@ -31,6 +32,8 @@
font-size: 24px;
cursor: pointer;
color: #888;
background: none;
border: none;
}
.close-button:hover {
color: white;