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

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

@ -153,8 +153,10 @@ code {
font-weight: bold; font-weight: bold;
} }
.btn-start:hover { @media (hover: hover) and (pointer: fine) {
.btn-start:hover {
background-color: #45a049; background-color: #45a049;
}
} }
.btn-start:active { .btn-start:active {
@ -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,10 +234,12 @@ code {
text-transform: capitalize; text-transform: capitalize;
} }
.option-button:hover { @media (hover: hover) and (pointer: fine) {
.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 {