chris/flashCards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Constrain hint grid size for large factors

Browse Source
This commit is contained in:
chris 2025-11-20 11:15:53 -05:00
parent 4dab54f821
commit 967f2c9ffe
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
style.css
View File

@ -299,17 +299,18 @@
} }
#hint-grid { #hint-grid {
display: grid; justify-content: center; gap: 6px; margin: 5px auto; max-width: 220px; display: grid; justify-content: center; gap: 3px; margin: 5px auto; max-width: 200px; max-height: 150px;
padding: 8px; padding: 6px;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
z-index: 200; z-index: 200;
overflow: auto;
} }
#hint-grid.has-stars { #hint-grid.has-stars {
background: rgba(255, 253, 242, 0.12); background: rgba(255, 253, 242, 0.12);
border: 1px solid rgba(255, 215, 0, 0.4); border: 1px solid rgba(255, 215, 0, 0.4);
} }
.star-dot { width: 10px; height: 10px; background: var(--gold); border-radius: 50%; box-shadow: 0 0 10px rgba(255,215,0,0.9), 0 0 18px rgba(255,215,0,0.4); animation: twinkle 1.6s infinite; } .star-dot { width: 6px; height: 6px; background: var(--gold); border-radius: 50%; box-shadow: 0 0 8px rgba(255,215,0,0.9), 0 0 14px rgba(255,215,0,0.4); animation: twinkle 1.6s infinite; }
@keyframes twinkle { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @keyframes twinkle { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
.keypad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 5px; position: relative; z-index: 200; } .keypad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 5px; position: relative; z-index: 200; }