diff --git a/src/aoWebWallet/wwwroot/css/app.css b/src/aoWebWallet/wwwroot/css/app.css index f8aa80c..e3cab86 100644 --- a/src/aoWebWallet/wwwroot/css/app.css +++ b/src/aoWebWallet/wwwroot/css/app.css @@ -101,7 +101,7 @@ a, .btn-link { } .loading-progress circle:last-child { - stroke: #000000; + stroke: #f1f1f1; stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%; transition: stroke-dasharray 0.05s ease-in-out; } diff --git a/src/aoWebWallet/wwwroot/index.html b/src/aoWebWallet/wwwroot/index.html index f19e7be..27ac25a 100644 --- a/src/aoWebWallet/wwwroot/index.html +++ b/src/aoWebWallet/wwwroot/index.html @@ -49,7 +49,7 @@ <body> <div id="app"> <div class="all-together-loading"> - <img style="margin-bottom: 22px;" width="252px" src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzExLjU4IDI0MC45MiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPgogICAgPGc+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIwIDI0MC40NSA4MC4yIDI0MC40NSA5Ni41NyAxOTYuMTkgNTkuNzQgMTIwLjc5IDAgMjQwLjQ1Ii8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxMjMuNTcgMS4xMiA5Ni41NyA2Mi42IDE4MC44NiAyNDAuNDUgMjQxLjU4IDI0MC40NSAyMTIuNzcgMTgwLjYyIDEyMy41NyAxLjEyIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI3ODUuMDEgNDYuODUgODIxLjg0IDEyMi4yNiA4ODEuNTggMi41OSA4MDEuMzggMi41OSA3ODUuMDEgNDYuODUiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjQ3MiAxLjEyIDUwMC44IDYwLjk2IDU5MCAyNDAuNDUgNjE3LjAxIDE3OC45OCA1MzIuNzIgMS4xMiA0NzIgMS4xMiIvPgogICAgICA8cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNzEzLjM0IDEuNTkgNzEzLjU4IDEuMTIgNjMzLjM4IDEuMTIgNjE3LjAxIDQ1LjM4IDY1My44NCAxMjAuNzkgNjgyLjY0IDYzLjEgNzcxIDI0MC45MiA3OTguMDEgMTc5LjQ1IDcxMy43MiAxLjU5IDcxMy4zNCAxLjU5Ii8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxMjMxLjM4IDIuNTkgMTIxNS4wMSA0Ni44NSAxMjUxLjg0IDEyMi4yNiAxMzExLjU4IDIuNTkgMTIzMS4zOCAyLjU5Ii8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI5MDIgMS4xMiA5MzAuOCA2MC45NiAxMDIwIDI0MC40NSAxMDQ3LjAxIDE3OC45OCA5NjIuNzIgMS4xMiA5MDIgMS4xMiIvPgogICAgICA8cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTE0My4zNCAxLjU5IDExNDMuNTggMS4xMiAxMDYzLjM4IDEuMTIgMTA0Ny4wMSA0NS4zOCAxMDgzLjg0IDEyMC43OSAxMTEyLjY0IDYzLjEgMTIwMSAyNDAuOTIgMTIyOC4wMSAxNzkuNDUgMTE0My43MiAxLjU5IDExNDMuMzQgMS41OSIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0zNjEuOCwwYy02Ni40LDAtMTIwLjIzLDUzLjgzLTEyMC4yMywxMjAuMjNzNTMuODMsMTIwLjIzLDEyMC4yMywxMjAuMjMsMTIwLjIzLTUzLjgzLDEyMC4yMy0xMjAuMjNTNDI4LjIsMCwzNjEuOCwwWm0wLDE5My4yNmMtNDAuMzQsMC03My4wMy0zMi43LTczLjAzLTczLjAzczMyLjctNzMuMDMsNzMuMDMtNzMuMDMsNzMuMDMsMzIuNyw3My4wMyw3My4wMy0zMi43LDczLjAzLTczLjAzLDczLjAzWiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+'/> + <img style="margin-bottom: 22px;" width="252px" src='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzExLjU4IDI0MC45MiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+CiAgICA8Zz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjAgMjQwLjQ1IDgwLjIgMjQwLjQ1IDk2LjU3IDE5Ni4xOSA1OS43NCAxMjAuNzkgMCAyNDAuNDUiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEyMy41NyAxLjEyIDk2LjU3IDYyLjYgMTgwLjg2IDI0MC40NSAyNDEuNTggMjQwLjQ1IDIxMi43NyAxODAuNjIgMTIzLjU3IDEuMTIiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9Ijc4NS4wMSA0Ni44NSA4MjEuODQgMTIyLjI2IDg4MS41OCAyLjU5IDgwMS4zOCAyLjU5IDc4NS4wMSA0Ni44NSIvPgogICAgICA8cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNDcyIDEuMTIgNTAwLjggNjAuOTYgNTkwIDI0MC40NSA2MTcuMDEgMTc4Ljk4IDUzMi43MiAxLjEyIDQ3MiAxLjEyIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI3MTMuMzQgMS41OSA3MTMuNTggMS4xMiA2MzMuMzggMS4xMiA2MTcuMDEgNDUuMzggNjUzLjg0IDEyMC43OSA2ODIuNjQgNjMuMSA3NzEgMjQwLjkyIDc5OC4wMSAxNzkuNDUgNzEzLjcyIDEuNTkgNzEzLjM0IDEuNTkiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEyMzEuMzggMi41OSAxMjE1LjAxIDQ2Ljg1IDEyNTEuODQgMTIyLjI2IDEzMTEuNTggMi41OSAxMjMxLjM4IDIuNTkiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjkwMiAxLjEyIDkzMC44IDYwLjk2IDEwMjAgMjQwLjQ1IDEwNDcuMDEgMTc4Ljk4IDk2Mi43MiAxLjEyIDkwMiAxLjEyIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxMTQzLjM0IDEuNTkgMTE0My41OCAxLjEyIDEwNjMuMzggMS4xMiAxMDQ3LjAxIDQ1LjM4IDEwODMuODQgMTIwLjc5IDExMTIuNjQgNjMuMSAxMjAxIDI0MC45MiAxMjI4LjAxIDE3OS40NSAxMTQzLjcyIDEuNTkgMTE0My4zNCAxLjU5Ii8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTM2MS44LDBjLTY2LjQsMC0xMjAuMjMsNTMuODMtMTIwLjIzLDEyMC4yM3M1My44MywxMjAuMjMsMTIwLjIzLDEyMC4yMywxMjAuMjMtNTMuODMsMTIwLjIzLTEyMC4yM1M0MjguMiwwLDM2MS44LDBabTAsMTkzLjI2Yy00MC4zNCwwLTczLjAzLTMyLjctNzMuMDMtNzMuMDNzMzIuNy03My4wMyw3My4wMy03My4wMyw3My4wMywzMi43LDczLjAzLDczLjAzLTMyLjcsNzMuMDMtNzMuMDMsNzMuMDNaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4='/> <div class="circle-text"> <svg class="loading-progress"> <circle r="40%" cx="50%" cy="50%" />