From 808299c61b734f319091493d83073db414c51958 Mon Sep 17 00:00:00 2001 From: BOT Alex <44818698+MagicBOTAlex@users.noreply.github.com> Date: Fri, 14 Jul 2023 20:58:26 +0800 Subject: [PATCH] Upgraded from NET 6.0 to NET 7.0 and added loading circle --- CCharLearn/CCharLearn.csproj | 10 +++++----- CCharLearn/wwwroot/css/app.css | 35 ++++++++++++++++++++++++++++++++++ CCharLearn/wwwroot/index.html | 9 ++++++++- 3 files changed, 48 insertions(+), 6 deletions(-) diff --git a/CCharLearn/CCharLearn.csproj b/CCharLearn/CCharLearn.csproj index d86e022..14b9f9f 100644 --- a/CCharLearn/CCharLearn.csproj +++ b/CCharLearn/CCharLearn.csproj @@ -1,7 +1,7 @@ - net6.0 + net7.0 enable enable service-worker-assets.js @@ -10,10 +10,10 @@ - - - - + + + + diff --git a/CCharLearn/wwwroot/css/app.css b/CCharLearn/wwwroot/css/app.css index 9cd148f..37dfb60 100644 --- a/CCharLearn/wwwroot/css/app.css +++ b/CCharLearn/wwwroot/css/app.css @@ -62,3 +62,38 @@ a, .btn-link { .blazor-error-boundary::after { content: "An error has occurred." } + +.loading-progress { + position: relative; + display: block; + width: 8rem; + height: 8rem; + margin: 20vh auto 1rem auto; + background-color: dimgray; + border-radius: 5em; +} + + .loading-progress circle { + fill: none; + stroke: #e0e0e0; + stroke-width: 0.6rem; + transform-origin: 50% 50%; + transform: rotate(-90deg); + } + + .loading-progress circle:last-child { + stroke: #1b6ec2; + stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%; + transition: stroke-dasharray 0.05s ease-in-out; + } + +.loading-progress-text { + position: absolute; + text-align: center; + font-weight: bold; + color: aliceblue; + inset: calc(20vh + 3.25rem) 0 auto 0.2rem; +} +.loading-progress-text:after { + content: var(--blazor-load-percentage-text, "Loading"); + } \ No newline at end of file diff --git a/CCharLearn/wwwroot/index.html b/CCharLearn/wwwroot/index.html index 6f53f7f..fc45e07 100644 --- a/CCharLearn/wwwroot/index.html +++ b/CCharLearn/wwwroot/index.html @@ -15,7 +15,14 @@ -
Loading...
+
+
+ + + + +
+
An unhandled error has occurred.