fix: prevent horizontal body overflow on firefox

2022-11-29 13:38:01 +00:00 · 2022-11-29 13:38:01 +00:00 · 5c5143d2c9
parent cf2d22cb5e
commit 5c5143d2c9
1 changed files with 3 additions and 0 deletions
--- a/composables/page-header.ts
+++ b/composables/page-header.ts
@ -6,6 +6,9 @@ const isPreview = window.location.hostname.includes('deploy-preview')
 export function usePageHeader() {
  useHead({
    titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${isDev ? ' (dev)' : isPreview ? ' (preview)' : ''}`,
+    bodyAttrs: {
+      class: 'overflow-x-hidden',
+    },
    link: [
      { rel: 'icon', type: 'image/svg+png', href: isDev || isPreview ? '/favicon-dev.png' : '/favicon.png' },
    ],