From 9a21e480d26bb4763014bc106e72d17ae7315846 Mon Sep 17 00:00:00 2001 From: Ashley Date: Mon, 6 Mar 2023 19:58:37 +0000 Subject: [PATCH] add loading stuff :3 --- html/search.ejs | 63 ++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 62 insertions(+), 1 deletion(-) diff --git a/html/search.ejs b/html/search.ejs index 6c847cbc..68adcfd7 100644 --- a/html/search.ejs +++ b/html/search.ejs @@ -200,6 +200,36 @@ border:solid; opacity: 1; transform: scale(1, 1); } + + .loading { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.7); + z-index: 9999; + display: flex; + justify-content: center; + align-items: center; +} + +.loading .spinner { + display: inline-block; + border: 5px solid rgba(255, 255, 255, 0.2); + border-top-color: #fff; + border-radius: 50%; + animation: spin 1s ease-in-out infinite; + width: 50px; + height: 50px; +} + +@keyframes spin { + to { + transform: rotate(360deg); + } +} + @@ -458,6 +488,37 @@ font-weight: 1000; - + + + + \ No newline at end of file