improved the loading view

the top-left-corner "Loading..." label had to go. the loading takes a while, and i couldn't bear to stare at it anymore. as part of this change, the "fullscreen" div moved into the primary HTML structure of the app. todo: see what can be done about that load time. i've read that Blazor can do some lazy-loading during startup. and this app may not need most of the things Blazor loads by default, anyway.
connectuum · Dec 24, 2021 · e030412 · e030412
1 parent 7b5b38c
commit e030412
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 7 deletions.
diff --git a/solution/Poemdown.Blaze/Shared/MainLayout.razor b/solution/Poemdown.Blaze/Shared/MainLayout.razor
@@ -1,5 +1,3 @@
 @inherits LayoutComponentBase
 
-<div class="fullscreen">
-	@Body
-</div>
+@Body
diff --git a/solution/Poemdown.Blaze/wwwroot/css/app.css b/solution/Poemdown.Blaze/wwwroot/css/app.css
@@ -1,6 +1,6 @@
 html, body {
-	font-family: Lato, Helvetica, Arial, sans-serif;
-	font-size: 14px;
+	font-family: Georgia, serif;
+	font-size: 16px;
 	width: 100%;
 	height: 100%;
 	background-color: #111;
@@ -30,6 +30,15 @@ html, body, textarea {
 	height: 100%;
 }
 
+p.loading {
+	position: absolute;
+	top: 30%;
+	width: 100%;
+	font-style: italic;
+	text-align: center;
+	opacity: 0.618;
+}
+
 
 /* index */
 
@@ -44,6 +53,7 @@ html, body, textarea {
 
 .editor {
 	font-family: Monaco, Lucida Console, monospace;
+	font-size: 14px;
 }
 
 .editor,

diff --git a/solution/Poemdown.Blaze/wwwroot/index.html b/solution/Poemdown.Blaze/wwwroot/index.html
@@ -23,8 +23,12 @@
 </head>
 <body>
 
-	<div id="app">
-		Loading...
+	<div id="app" class="fullscreen">
+		<p class="loading">
+			the waiting<br/>
+			is<br/>
+			excruciating
+		</p>
 	</div>
 
 	<div id="blazor-error-ui" style="display: none;">