From a8b8810c335b959a65951b7453c45c5a434b8db1 Mon Sep 17 00:00:00 2001 From: Cooper Ransom <cooperransom08@outlook.com> Date: Mon, 22 Apr 2024 18:26:28 -0400 Subject: [PATCH] Only apply stable gutter to home page --- src/assets/css/index.css | 1 - src/pages/HomePage.tsx | 5 +++++ src/pages/PlayerView.tsx | 8 -------- 3 files changed, 5 insertions(+), 9 deletions(-) diff --git a/src/assets/css/index.css b/src/assets/css/index.css index 7fb76161..08b24f68 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -7,7 +7,6 @@ body { @apply bg-background-main font-open-sans text-type-text; min-height: 100vh; min-height: 100dvh; - scrollbar-gutter: stable; } html[data-full], diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index c51cbf32..946c0888 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -42,6 +42,11 @@ export function HomePage() { <HomeLayout showBg={showBg}> <div className="mb-16 sm:mb-24"> <Helmet> + <style type="text/css">{` + html, body { + scrollbar-gutter: stable; + } + `}</style> <title>{t("global.name")}</title> </Helmet> <HeroPart searchParams={searchParams} setIsSticky={setShowBg} /> diff --git a/src/pages/PlayerView.tsx b/src/pages/PlayerView.tsx index f896f31d..5282d9b3 100644 --- a/src/pages/PlayerView.tsx +++ b/src/pages/PlayerView.tsx @@ -1,6 +1,5 @@ import { RunOutput } from "@movie-web/providers"; import { useCallback, useEffect, useState } from "react"; -import { Helmet } from "react-helmet-async"; import { Navigate, useLocation, @@ -93,13 +92,6 @@ export function RealPlayerView() { return ( <PlayerPart backUrl={backUrl} onMetaChange={metaChange}> - <Helmet> - <style type="text/css">{` - html, body { - scrollbar-gutter: auto; - } - `}</style> - </Helmet> {status === playerStatus.IDLE ? ( <MetaPart onGetMeta={setPlayerMeta} /> ) : null}