diff options
| author | David Vazgenovich Shakaryan <dvshakaryan@gmail.com> | 2022-04-21 04:38:37 -0700 |
|---|---|---|
| committer | David Vazgenovich Shakaryan <dvshakaryan@gmail.com> | 2022-04-21 04:38:37 -0700 |
| commit | fc070779ba2a8a0668222dc7fd6fb39eb700d0bd (patch) | |
| tree | 0cf8fa94e286cc014fa88cb22d498efa573d26fa /web/static/style.css | |
| parent | aca422a3521c038040b9b8342c14e14e6970ac17 (diff) | |
| download | dartboat-fc070779ba2a8a0668222dc7fd6fb39eb700d0bd.tar.gz dartboat-fc070779ba2a8a0668222dc7fd6fb39eb700d0bd.tar.xz | |
prevent web keypad from stretching too wide
Diffstat (limited to 'web/static/style.css')
| -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; + } } /* |