Style loadingindicator

aksylumoed · Mar 24, 2024 · 7e1a088 · 7e1a088
1 parent 7c71d1a
commit 7e1a088
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/artworks/index.html b/artworks/index.html
@@ -15,7 +15,7 @@
         <a href="/" id="homeLink">●</a>
     </div>
     <div id="loadingIndicator">
-        <div>fetching...</div>
+        <div id="fetchingText">fetching...</div>
         <div id="progressText"></div>
     </div>
     <img id="initialArtwork">

diff --git a/style.css b/style.css
@@ -45,7 +45,15 @@ body {
   transform: translate(-50%, -50%);
   font-size: 16px;
   color: #6c6c6c;
+  min-height: 50px; /* Or another value that fits your design */
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
 
+#progressText {
+  font-size: 15px;
 }
 
 .artwork-container {