Add viewport meta tag and change its content for iOS

* Remove `robots.txt` Signed-off-by: Marvin A. Ruder <signed@mruder.dev>
marvinruder · Mar 2, 2024 · 9d48420 · 9d48420
1 parent 12f2c21
commit 9d48420
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 8 deletions.
diff --git a/packages/frontend/public/robots.txt b/packages/frontend/public/robots.txt
diff --git a/packages/frontend/src/index.html b/packages/frontend/src/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta id="meta-theme-color-light" name="theme-color" content="#F5F5F5" media="(prefers-color-scheme: light)">
     <meta id="meta-theme-color-dark" name="theme-color" content="#171717" media="(prefers-color-scheme: dark)">
     <meta name="description" content="A web service fetching and providing financial and ESG ratings for stocks.">

diff --git a/packages/frontend/src/index.tsx b/packages/frontend/src/index.tsx
@@ -3,12 +3,10 @@ import { BrowserRouter } from "react-router-dom";
 
 import App from "./App";
 
-if (/iPad|iPhone|iPod/.test(navigator.platform)) {
-  const viewportMeta = document.createElement("meta");
-  viewportMeta.name = "viewport";
-  viewportMeta.content = "width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no";
-  document.head.appendChild(viewportMeta);
-}
+if (/iPad|iPhone|iPod/.test(navigator.platform))
+  document
+    .querySelector('meta[name="viewport"]')
+    ?.setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no");
 
 createRoot(document.getElementById("root")).render(
   <BrowserRouter>