Update loading bar height and color #918 (#927)

CGI-FR · Jul 14, 2022 · bae9886 · bae9886
1 parent 5e6b131
commit bae9886
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/AzureIoTHub.Portal/Client/Program.cs b/src/AzureIoTHub.Portal/Client/Program.cs
@@ -71,7 +71,10 @@ public static async Task Main(string[] args)
             await ConfigurePortalSettings(builder);
 
             // Enable loading bar
-            builder.Services.AddLoadingBar();
+            builder.Services.AddLoadingBar(options =>
+            {
+                options.LoadingBarColor = "#D3E24A";
+            });
             _ = builder.UseLoadingBar();
 
             await builder.Build().RunAsync();

diff --git a/src/AzureIoTHub.Portal/Client/wwwroot/css/app.css b/src/AzureIoTHub.Portal/Client/wwwroot/css/app.css
@@ -12,3 +12,11 @@
     overflow-x: hidden;
     height: calc(100vh - 270px);
 }
+
+#loading-bar .bar {
+    height: 4px !important;
+}
+
+#loading-bar .peg {
+    height: 4px !important;
+}