Michal Vrba
5d1b535f82
Enhanced CSS for better mobile experience: added media queries for various screen sizes, improved touch targets, font sizes, and QR code scaling. Updated index.html with mobile meta tags and icons. Added accessibility features for reduced motion.
40 lines
1.4 KiB
HTML
40 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes" />
|
|
<meta name="theme-color" content="#2d5a27" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
<meta name="description" content="QRPay - Generate QR payment codes instantly for secure bank transfers" />
|
|
<title>QRPay</title>
|
|
<base href="/" />
|
|
<link rel="preload" id="webassembly" />
|
|
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="css/app.css" />
|
|
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
|
<link rel="apple-touch-icon" href="logo.svg" />
|
|
<link href="QRPay.styles.css" rel="stylesheet" />
|
|
<script type="importmap"></script>
|
|
</head>
|
|
|
|
<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>
|
|
</div>
|
|
|
|
<div id="blazor-error-ui">
|
|
An unhandled error has occurred.
|
|
<a href="." class="reload">Reload</a>
|
|
<span class="dismiss">🗙</span>
|
|
</div>
|
|
<script src="_framework/blazor.webassembly#[.{fingerprint}].js"></script>
|
|
</body>
|
|
|
|
</html>
|