diff options
Diffstat (limited to 'web/static')
| -rw-r--r-- | web/static/dartboat.js | 4 | ||||
| -rw-r--r-- | web/static/index.html | 6 | ||||
| -rw-r--r-- | web/static/style.css | 2 |
3 files changed, 6 insertions, 6 deletions
diff --git a/web/static/dartboat.js b/web/static/dartboat.js index 13a5da4..719bd8d 100644 --- a/web/static/dartboat.js +++ b/web/static/dartboat.js @@ -156,12 +156,12 @@ function svgDrawElemv(layer, elemc, elemv, off_name, off_n_attrs, off_attr_names const content = HEAP32[(struct + off_content)>>2]; if (content) e.textContent = UTF8ToString(content); - $(`#dartboard${layer ? '-points' : ''}`).appendChild(e); + $(`#dartboard .${layer ? 'overlay' : 'base'}`).appendChild(e); } } function svgClearPoints() { - $('#dartboard-points').textContent = ''; + $('#dartboard .overlay').textContent = ''; } function updateDelay(val) { diff --git a/web/static/index.html b/web/static/index.html index f583449..1a8d1b5 100644 --- a/web/static/index.html +++ b/web/static/index.html @@ -58,9 +58,9 @@ </div> <div id="keypad-dartboard" class="keypad" style="display: none"> <div id="dartboard-container"> - <svg viewBox="0 0 451 451"> - <g id="dartboard" transform="translate(225.5 225.5) scale(1 -1)"></g> - <g id="dartboard-points" transform="translate(225.5 225.5) scale(1 -1)"></g> + <svg id="dartboard" viewBox="0 0 451 451"> + <g class="base" transform="translate(225.5 225.5) scale(1 -1)"></g> + <g class="overlay" transform="translate(225.5 225.5) scale(1 -1)"></g> </svg> </div> </div> diff --git a/web/static/style.css b/web/static/style.css index e306177..a7ad76a 100644 --- a/web/static/style.css +++ b/web/static/style.css @@ -64,7 +64,7 @@ div#controls #keypad-dartboard #dartboard-container { justify-content: center; } -div#controls #keypad-dartboard #dartboard-container svg { +div#controls #keypad-dartboard #dartboard { font-family: 'Inter'; height: 100%; } |