clayschaad/MemoryGame
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix tablet bugs: remove persistent hover states and reduce spacing

Browse source 
Co-authored-by: clayschaad <11883505+clayschaad@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot] 2025-11-15 15:00:10 +00:00
parent 4fd5dfb620
commit 2ff603dd45
1 changed files with 16 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
MemoryGame/wwwroot/css/app.css
View file

@ -153,9 +153,11 @@ code {
font-weight: bold; font-weight: bold;
} }
@media (hover: hover) and (pointer: fine) {
.btn-start:hover { .btn-start:hover {
background-color: #45a049; background-color: #45a049;
} }
}
.btn-start:active { .btn-start:active {
transform: scale(0.98); transform: scale(0.98);
@ -188,6 +190,11 @@ code {
min-height: 300px; min-height: 300px;
} }
.question-area:has(.question-word) {
min-height: 150px;
margin-bottom: 20px;
}
.question-image { .question-image {
max-width: 100%; max-width: 100%;
max-height: 400px; max-height: 400px;
@ -198,7 +205,7 @@ code {
} }
.question-word { .question-word {
font-size: 4rem; font-size: 3rem;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
text-transform: capitalize; text-transform: capitalize;
@ -227,11 +234,13 @@ code {
text-transform: capitalize; text-transform: capitalize;
} }
@media (hover: hover) and (pointer: fine) {
.option-button:hover { .option-button:hover {
background-color: #e9ecef; background-color: #e9ecef;
border-color: #4CAF50; border-color: #4CAF50;
transform: scale(1.05); transform: scale(1.05);
} }
}
.option-button:active { .option-button:active {
transform: scale(0.98); transform: scale(0.98);