UI update
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user