fix: zooming issue

ff7c0b36 · Moritz Stückler · ee15839a · ff7c0b36 · ff7c0b36 · ff7c0b36
Commit ff7c0b36 authored 1 year ago by Moritz Stückler
--- a/src/layouts/ArticleLayout.astro
+++ b/src/layouts/ArticleLayout.astro
@@ -54,7 +54,7 @@ const breadcrumbs = buildBreadcrumbs(breadcrumbItems, url as string, baseUrl);
    localeFromUrl={localeFromUrl}
    menuItems={menuItems}
  />
-  <main>
+  <main class="fc-overflow-x-hidden">
    <Article
      breadcrumbs={breadcrumbs}
      hideFooterSeparator={frontmatter.hideFooterSeparator}

--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -23,7 +23,7 @@ const { title, hideFooter, bodyClasses, teaser, image } = Astro.props as Props;
 <html lang="de" class="fc-h-full">
  <head>
    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/png" href={`${baseUrl}favicon.png`} />
    <meta name="generator" content={Astro.generator} />
    <title>{title} - {SITE_TITLE}</title>

--- a/src/layouts/HomeLayout.astro
+++ b/src/layouts/HomeLayout.astro
@@ -31,7 +31,7 @@ const menuItems = buildPageTree(rawContent, baseUrl, localeFromUrl);
    compact={true}
  />
  <HeroSection src={frontmatter.headerImage} />
-  <main>
+  <main class="fc-overflow-x-hidden">
    <slot />
  </main>
 </BaseLayout>
--- a/src/layouts/HorizontalCardListLayout.astro
+++ b/src/layouts/HorizontalCardListLayout.astro
@@ -98,7 +98,7 @@ const breadcrumbs = buildBreadcrumbs(breadcrumbItems, url as string, baseUrl);
    menuItems={menuItems}
    compact={true}
  />
-  <main>
+  <main class="fc-overflow-x-hidden">
    <HorizontalCardListView
      breadcrumbs={breadcrumbs}
      title={frontmatter.title}