adds button icons
Some checks failed
CI / deploy (push) Has been cancelled
CI / deploy (pull_request) Successful in 4m56s

This commit is contained in:
Arindy 2025-02-10 16:55:33 +01:00
parent 821e939b3d
commit c8541b209d

View File

@ -33,6 +33,10 @@
button {
padding: 10px;
border: #333333 3px solid;
border-radius: 5px;
background: #333333;
color: #fff
}
input {
margin: 10px;
@ -130,7 +134,7 @@
<div class="w3-panel w3-theme-l4 w3-card w3-display-container" style="padding: 25px; text-align: center; margin-bottom: auto">
<label for="name" id="nameLabel">Name </label><input type="text" id="name" style="width: 75%" required onkeyup="start(event)"/><br/>
<label for="room" id="roomLabel">Room </label><input type="text" id="room" style="width: 75%" required onkeyup="start(event)"/><br/>
<button id="start" onclick="start()" style="align-self: center">Start</button>
<button id="start" onclick="start()" style="align-self: center">Start 🞂</button>
</div>
<div id="dice-tower" hidden class="w3-panel w3-theme-l4 w3-card w3-display-container" style="padding: 25px; margin-bottom: auto">
<button type="button" class="collapsible" style="color: white; font-weight: bold">Overlay URLs <a>🞃</a></button>
@ -166,13 +170,13 @@
<color-picker id="themeColor"></color-picker><br/>
<div id="dice-box"></div>
<button style="margin-bottom: 20px" id="preview">Preview</button>
<button style="margin-bottom: 20px" onclick="saveDice()">Save</button>
<button style="margin-bottom: 20px" id="preview">Preview 🔎</button>
<button style="margin-bottom: 20px" onclick="saveDice()">Save 💾</button>
<button popovertarget="save-dice-hint" data-trigger="hover" class="overlayButton">?</button>
</div><br/>
<p>Example Commands: "1d6", "2d8 1d100", "1d4 and 1d6", "2d20 & 1d2, "5d6+10"</p>
<label for="command">Command </label><input type="text" id="command" onkeyup="roll(event)"/>
<button hidden id="roll" onclick="roll()">Roll</button><br/><br/>
<button hidden id="roll" onclick="roll()">Roll 🞂</button><br/><br/>
<label for="resultSwitch">Show all results </label>
<label class="switch">
<input type="checkbox" id="resultSwitch">