diff options
| -rw-r--r-- | web/static/style.css | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/web/static/style.css b/web/static/style.css index 0dc65f7..6bd312f 100644 --- a/web/static/style.css +++ b/web/static/style.css @@ -17,7 +17,7 @@ div#main { margin: 2px; display: grid; - grid-template-columns: 60vh 1fr; + grid-template-columns: min-content 2fr; grid-template-rows: min-content 1fr; grid-template-areas: "keypad settings-bar" "keypad match"; } @@ -27,6 +27,8 @@ div#keypad { font-size: 2vh; + width: clamp(54vh, 30vw, 60vh); + display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: min-content 2fr; @@ -288,7 +290,7 @@ a:hover { color: #7d0; } -@media (max-aspect-ratio: 4/3) { +@media (max-aspect-ratio: 1/1) { div#main { grid-template-columns: 1fr; grid-template-rows: min-content 1fr 3fr; @@ -298,6 +300,10 @@ a:hover { div#keypad, div#match, div#settings-bar { font-size: clamp(1.5vh, 2vw, 2vh); } + + div#keypad { + width: auto; + } } /* |