2 files changed, 3 insertions, 1 deletions
diff --git a/public/index.html b/public/index.html
index f718159..2cda7e2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,7 +3,7 @@
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0, viewport-fit=cover">
    <meta name="robots" content="noindex">
    <link rel="icon" href="<%= BASE_URL %>favicon.png">
    <title><%= htmlWebpackPlugin.options.title %></title>
diff --git a/vue.config.js b/vue.config.js
index 7214c12..c244a86 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -10,6 +10,8 @@ module.exports = {
  publicPath: "",
  pwa: {
    manifestPath: "assets/manifest.json",
+    appleMobileWebAppStatusBarStyle: "black",
+    appleMobileWebAppCapable: "yes",
    iconPaths: {
      favicon32: "assets/icons/favicon-32x32.png",
      favicon16: "assets/icons/favicon-16x16.png",