Add loading indicator for admin theme (#25)

2022-07-26 22:34:19 -04:00
parent b1ca48c2c5
commit a8386d6c97
3 changed files with 24 additions and 1 deletions
--- a/src/admin-theme/wwwroot/admin.css
+++ b/src/admin-theme/wwwroot/admin.css
@@ -92,3 +92,25 @@ a.text-danger:link:hover, a.text-danger:visited:hover {
  border-radius: .5rem;
  padding: .5rem;
 }
+.load-overlay {
+  position: fixed;
+  background-color: rgba(0, 0, 0, .25);
+  color: white;
+  z-index: 100;
+  display: none;
+  top: 55px;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transition: ease-in-out .5s;
+}
+.load-overlay h1 {
+  background-color: rgba(0, 0, 0, .75);
+  height: fit-content;
+  border: solid 6px white;
+  border-radius: .5rem;
+}
+.load-overlay.htmx-request {
+  display: flex;
+  flex-flow: row;
+}