From f474005ea330198caa066a50c5f71ff087d4158f Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sun, 23 Jan 2022 21:58:56 +0100
Subject: 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.
---
 src/app/index.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'src/app/index.html')

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">
-- 
cgit v1.2.3