chore: add PWA transparent address bar

kaandesu · kaandesu · commit 129f4ca6c1f5 · 2023-04-23T22:38:10.000+02:00
diff --git a/index.html b/index.html
@@ -2,12 +2,16 @@
 <html data-theme="default" lang="en">
   <head>
     <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
+    <meta name="apple-mobile-web-app-capable" content="yes">    
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-status-bar-style" content="black-translucent" >
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="theme-color" content="#ffffff">
     <meta name="description" content="Vue3 Template">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+    <link rel="icon" href="/favicon.ico">
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="mask-icon" href="/favicon-dark.svg" color="#FFFFFF">
-    <meta name="theme-color" content="#ffffff">
     <title>Vite App</title>
   </head>
   <body>
