Add viewport meta tag

This helps displaying WebUI on mobile devices. Note that WebUI aren't
optimized for mobile yet.
This commit is contained in:
Chocobo1 2024-02-19 17:51:39 +08:00
parent 66c34ddb6e
commit 031fa6183c
2 changed files with 8 additions and 0 deletions

View file

@ -6,7 +6,10 @@
<meta http-equiv="X-UA-Compatible" content="IE=10" />
<meta name="application-name" content="qBittorrent" />
<meta name="description" content="qBittorrent WebUI">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>qBittorrent WebUI</title>
<link rel="icon" type="image/png" href="images/qbittorrent32.png" sizes="32x32" />
<link rel="icon" type="image/svg+xml" href="images/qbittorrent-tray.svg" sizes="any" />
<link rel="stylesheet" type="text/css" href="css/dynamicTable.css?v=${CACHEID}" />
@ -19,6 +22,7 @@
<noscript>
<link rel="stylesheet" type="text/css" href="css/noscript.css?v=${CACHEID}" />
</noscript>
<script defer src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script defer src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>
<script defer src="scripts/lib/mocha.min.js"></script>

View file

@ -5,13 +5,17 @@
<meta charset="UTF-8" />
<meta name="color-scheme" content="light dark" />
<meta name="description" content="qBittorrent WebUI">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>qBittorrent WebUI</title>
<link rel="icon" type="image/png" href="images/qbittorrent32.png" />
<link rel="icon" type="image/svg+xml" href="images/qbittorrent-tray.svg" />
<link rel="stylesheet" type="text/css" href="css/login.css?v=${CACHEID}" />
<noscript>
<link rel="stylesheet" type="text/css" href="css/noscript.css?v=${CACHEID}" />
</noscript>
<script defer src="scripts/login.js?locale=${LANG}&v=${CACHEID}"></script>
</head>