aboutsummaryrefslogtreecommitdiff
path: root/src/app/index.html
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2022-01-23 21:58:56 +0100
committer0neGal <mail@0negal.com>2022-01-23 21:58:56 +0100
commitf474005ea330198caa066a50c5f71ff087d4158f (patch)
tree8064fc7d8d206bc4106766c47025600c769bd245 /src/app/index.html
parent8747588222f1bd434af802262b1479ef5b606097 (diff)
downloadViper-f474005ea330198caa066a50c5f71ff087d4158f.tar.gz
Viper-f474005ea330198caa066a50c5f71ff087d4158f.zip
added loading, close button, element fadein etc
To show the loading simply do Browser.loading(), when a BrowserEl() is made it auto removes it. The loading and BrowserEl's will fade into view instead of popping in instantly. And then now there's a tiny close button, as it may not be obvious you can click the dark overlay or click Escape.
Diffstat (limited to 'src/app/index.html')
-rw-r--r--src/app/index.html10
1 files changed, 9 insertions, 1 deletions
diff --git a/src/app/index.html b/src/app/index.html
index 131ec38..e03936d 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -15,7 +15,15 @@
<div id="overlay" onclick="Browser.toggle(false)"></div>
<div id="browser">
- <input id="search" placeholder="Search...">
+ <div id="misc">
+ <input id="search" placeholder="Search...">
+ <button id="close" onclick="Browser.toggle(false)">
+ <img src="icons/close.png">
+ </button>
+ </div>
+ <div id="browserEntries">
+ <div class="loading">%%gui.browser.loading%%</div>
+ </div>
</div>
<nav class="gamesContainer">