diff options
| author | sanine <sanine.not@pm.me> | 2022-06-02 00:53:26 -0500 |
|---|---|---|
| committer | sanine <sanine.not@pm.me> | 2022-06-02 00:53:26 -0500 |
| commit | e69dfc1b29f2fed1d1fd26dbeb9b248b1377c64c (patch) | |
| tree | 44c6c389646d6e65f43930a97ac65acbaf0f7e52 /src/index.html | |
| parent | f82f540a0cf07e8fd95e36dea10a49aa839832d0 (diff) | |
add basic layer ui
Diffstat (limited to 'src/index.html')
| -rw-r--r-- | src/index.html | 32 |
1 files changed, 28 insertions, 4 deletions
diff --git a/src/index.html b/src/index.html index cebdef7..55e00b1 100644 --- a/src/index.html +++ b/src/index.html @@ -8,22 +8,46 @@ <style> body { font-family: monospace; - background-color: #333; + background-color: #222; color: white; } button { font-family: monospace; } - button.selected { - color: red; + + ul { + list-style: none; + } + + li { + user-select: none; + } + + li.selected { + background-color: white; + color: #222; + } + + li.selected li { + background-color: #222; + color: white; + } + + li:before { + content: 'x '; + } + + li.visible:before { + content: '👁 '; } </style> <script type="module" src="main.js"></script> </head> <body style="margin: 0; padding: 0; overflow: hidden"> - <div id="root"></div> <noscript> <h1>You need Javascript enabled to use this site</h1> </noscript> + + <div id="root"></div> </body> </html> |