Add: Update style of loading and 404

whats2000 · Aug 22, 2024 · 8ce11da · 8ce11da
1 parent f0e0c6f
commit 8ce11da
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/App.razor b/App.razor
@@ -4,7 +4,9 @@
     </Found>
     <NotFound>
         <LayoutView Layout="@typeof(MainLayout)">
-            <p>Sorry, there's nothing at this address.</p>
+            <Result Status="404"
+                    Title="404"
+                    SubTitle="Sorry, the page you visited does not exist." />
         </LayoutView>
     </NotFound>
 </Router>

diff --git a/wwwroot/css/app.css b/wwwroot/css/app.css
@@ -62,8 +62,8 @@ a, .btn-link {
 }
 
 #start-up-loading-circle {
-    border: 8px solid #f3f3f3;
-    border-top: 8px solid #3498db;
+    border: 4px solid #f3f3f3;
+    border-top: 6px solid #3498db;
     border-radius: 50%;
     width: 60px;
     height: 60px;

diff --git a/wwwroot/index.html b/wwwroot/index.html
@@ -36,10 +36,10 @@
 
 <body>
     <div id="app">
-        <div id="start-up-container">
-            <div id="start-up-loading-circle"></div>
-            <p>Loading...</p>
-        </div>
+       <div id="start-up-container">
+         <div id="start-up-loading-circle"></div>
+         <p>Loading, first entry will take a while...</p>
+     </div>
     </div>
 
     <div id="blazor-error-ui">