Michal/QRPayWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve mobile responsiveness and accessibility

Browse Source 
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.
This commit is contained in:
Michal Vrba
2025-12-19 15:49:40 +01:00
parent db1ebefcf5
commit 5d1b535f82
3 changed files with 388 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
QRPay/wwwroot/index.html
+6 -1
View File
@@ -3,13 +3,18 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<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>