Fix homepage zooming on iPhone

src/components/VHeader/VSearchBar/VStandaloneSearchBar.vue

@@ -15,18 +15,12 @@
         ref="inputRef"
         type="search"
         name="q"
-        :placeholder="
-          $t(
-            isHomeRoute ? 'hero.search.placeholder' : '404.search-placeholder'
-          ).toString()
-        "
-        class="h-full w-full appearance-none rounded-none bg-tx text-base leading-none text-dark-charcoal placeholder-dark-charcoal-70 ms-4 focus:outline-none md:text-2xl"
+        :placeholder="$t('hero.search.placeholder').toString()"
+        class="paragraph-large md:label-regular h-full w-full appearance-none rounded-none bg-tx leading-none text-dark-charcoal placeholder-dark-charcoal-70 ms-4 focus:outline-none"
         :aria-label="
-          isHomeRoute
-            ? $t('search.search-bar-label', {
-                openverse: 'Openverse',
-              }).toString()
-            : $t('404.search-placeholder').toString()
+          $t('search.search-bar-label', {
+            openverse: 'Openverse',
+          }).toString()
         "
       />
       <!-- @slot Extra information goes here -->

src/locales/scripts/en.json5

@@ -2,7 +2,6 @@
   "404": {
     title: "The content you’re looking for seems to have disappeared.",
     main: "Go to {link} or search for something similar from the field below.",
-    "search-placeholder": "Search for content to reuse",
   },
   hero: {
     subtitle: "Explore more than 600 million creative works",

src/styles/tailwind.css

@@ -45,8 +45,8 @@ Heading 3           - 28px - 5xl bold
 Heading 4           - 24px - 4xl bold
 Heading 5           - 19px - 3xl semibold
 Heading 6           - 16px - 2xl semibold
-Paragraph Large     - 16px - 2xl regular leading-larger
-Paragraph Small     - 14px - base regular leading-large
+Paragraph Large     - 16px - 2xl regular leading-[190%] (larger)
+Paragraph Small     - 14px - base regular leading-[170%] (large)
 Body                - 14px - base regular (default leading-normal)
 Description Regular - 14px - base
 Description Bold    - 14px - base semibold
@@ -85,7 +85,7 @@ Time                - 11px - xs semibold (default leading-[120%])
   }
 
   .paragraph-large {
-    @apply leading-larger text-2xl;
+    @apply text-2xl leading-[190%];
   }
 
   .paragraph-small {