diff options
| author | Karan Jayachandra <karan.jayachandra@nxp.com> | 2025-11-11 19:08:58 +0100 |
|---|---|---|
| committer | Karan Jayachandra <karan.jayachandra@nxp.com> | 2025-11-11 19:08:58 +0100 |
| commit | d23c38e6f2a972a49a5463cc866190e341e2685e (patch) | |
| tree | 483301cbefa46c7a9e75d65d8ba634d8381a630a /index.html | |
| parent | 0e9e28c2595c1ec46d8601efa6f4d377ee70cb27 (diff) | |
Lot of updates and progress
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 34 |
1 files changed, 23 insertions, 11 deletions
@@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="en" > +<html lang="en" data-theme="light"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> @@ -18,11 +18,11 @@ <div class="column"> <div class="field"> <div class="field is-grouped is-grouped-right"> - <button class="button is-danger" id="timer-dec">-</button> - <input class="input" id="timer-display" type="text" readonly></input> - <button class="button is-success" id="timer-inc">+</button> - <button class="button is-info" id="timer-start">Start</button> - <button class="button is-info" id="timer-stop">Stop</button> + <button class="button is-large is-danger" id="timer-dec">-</button> + <input class="input is-large" id="timer-display" type="text" readonly></input> + <button class="button is-large is-success" id="timer-inc">+</button> + <button class="button is-large is-info" id="timer-start">Start</button> + <button class="button is-large is-info" id="timer-stop">Stop</button> </div> </div> </div> @@ -32,11 +32,23 @@ <div id="game_list"></div> </section> <section class="section"> - <h2 class="title">Controls</h1> - <div class="button-grid"> - <button class="button is-dark" id="propose">Propose</button> - <!-- <button disabled> - <button class="button is-success">Confirm</button> --> + <div class="field is-grouped is-grouped-centered"> + <div class="control"> + <button class="button is-large is-dark" id="propose">Propose</button> + </div> + <div class="control"> + <div class="select is-large is-fullwidth"> + <select name="skill" id="skill"> + <option value="10">All Levels</option> + <option value="5">2 Levels</option> + <option value="3">3 Levels</option> + <option value="1">Skill Based</option> + </select> + </div> + </div> + <div class="control"> + <button class="button is-large is-success" id="confirm">Confirm</button> + </div> </div> </section> <section class="section"> |