From 031fa6183c8022f45561db758cc52ec3bf940517 Mon Sep 17 00:00:00 2001
From: Chocobo1 <Chocobo1@users.noreply.github.com>
Date: Mon, 19 Feb 2024 17:51:39 +0800
Subject: [PATCH] Add viewport meta tag

This helps displaying WebUI on mobile devices. Note that WebUI aren't
optimized for mobile yet.
---
 src/webui/www/private/index.html | 4 ++++
 src/webui/www/public/index.html  | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/webui/www/private/index.html b/src/webui/www/private/index.html
index e8c174491..8ef335539 100644
--- a/src/webui/www/private/index.html
+++ b/src/webui/www/private/index.html
@@ -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>
diff --git a/src/webui/www/public/index.html b/src/webui/www/public/index.html
index f80bc15aa..235f70dee 100644
--- a/src/webui/www/public/index.html
+++ b/src/webui/www/public/index.html
@@ -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>