UI update

This commit is contained in:
Michal Vrba
2025-12-19 16:09:11 +01:00
parent e07e3f880e
commit 37cd000d16
2 changed files with 216 additions and 39 deletions
+26 -5
View File
@@ -21,11 +21,32 @@
<body>
<div id="app">
<svg class="loading-progress">
<circle r="40%" cx="50%" cy="50%" />
<circle r="40%" cx="50%" cy="50%" />
</svg>
<div class="loading-progress-text"></div>
<!-- Modern Loading Screen with Logo -->
<div class="loading-container">
<div class="loading-content">
<!-- Logo -->
<div class="loading-logo">
<img src="logo.svg" alt="QRPay Logo" />
</div>
<!-- Brand Name -->
<h1 class="loading-title">QRPay</h1>
<!-- Progress Indicator -->
<div class="loading-progress-wrapper">
<svg class="loading-progress">
<circle class="loading-track" r="40%" cx="50%" cy="50%" />
<circle class="loading-fill" r="40%" cx="50%" cy="50%" />
</svg>
</div>
<!-- Loading Text -->
<div class="loading-progress-text"></div>
<!-- Subtitle -->
<p class="loading-subtitle">Initializing secure payment system</p>
</div>
</div>
</div>
<div id="blazor-error-ui">