Browse Source

Improve iOS and Windows 10 experience (#12769)

* Improve iOS homescreen icon

* Improve Windows10 tile experience

* Remove unused favicon
andig 7 năm trước cách đây
mục cha
commit
57910549b6

BIN
public/img/apple-touch-icon.png


+ 9 - 0
public/img/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="public/img/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

BIN
public/img/mstile-150x150.png


+ 5 - 2
public/views/index.template.html

@@ -15,8 +15,11 @@
 
 
   <link rel="icon" type="image/png" href="public/img/fav32.png">
   <link rel="icon" type="image/png" href="public/img/fav32.png">
   <link rel="mask-icon" href="public/img/grafana_mask_icon.svg" color="#F05A28">
   <link rel="mask-icon" href="public/img/grafana_mask_icon.svg" color="#F05A28">
-  <link rel="apple-touch-icon" href="public/img/fav32.png">
-
+  <link rel="apple-touch-icon" sizes="180x180" href="public/img/apple-touch-icon.png">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="msapplication-TileColor" content="#2b5797">
+  <meta name="msapplication-config" content="public/img/browserconfig.xml">
 </head>
 </head>
 
 
 <body ng-cloak class="theme-[[ .Theme ]]">
 <body ng-cloak class="theme-[[ .Theme ]]">