From 9171e9770082edf2c4baf1cf4574fead7512abfe Mon Sep 17 00:00:00 2001
From: si1k <19499950+si1k@users.noreply.github.com>
Date: Fri, 10 Jun 2022 10:48:26 -0400
Subject: [PATCH] Adding meta tags to remove bars on safari browser

---
 components/PageHead.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/PageHead.tsx b/components/PageHead.tsx
index 831f269..cc74c12 100644
--- a/components/PageHead.tsx
+++ b/components/PageHead.tsx
@@ -26,7 +26,13 @@ export const PageHead: React.FC<
       <meta httpEquiv='Content-Type' content='text/html; charset=utf-8' />
       <meta
         name='viewport'
-        content='width=device-width, initial-scale=1, shrink-to-fit=no'
+        content='width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover'
+      />
+
+      <meta name='apple-mobile-web-app-capable' content='yes' />
+      <meta
+        name='apple-mobile-web-app-status-bar-style'
+        content='black-translucent'
       />
 
       <meta name='robots' content='index,follow' />