From f1f679d7222a8ca832d2f7778c51bc0b3315195c Mon Sep 17 00:00:00 2001 From: Brant Ashe Date: Tue, 28 May 2024 15:23:12 -0500 Subject: [PATCH] test --- src/app/(test)/test/layout.tsx | 2 +- src/components/BgBanner.tsx | 30 +++++++++++++++++------------- 2 files changed, 18 insertions(+), 14 deletions(-) diff --git a/src/app/(test)/test/layout.tsx b/src/app/(test)/test/layout.tsx index beb4a02..a340148 100644 --- a/src/app/(test)/test/layout.tsx +++ b/src/app/(test)/test/layout.tsx @@ -12,7 +12,7 @@ export const metadata: Metadata = { export default function RootLayout() { return ( - + diff --git a/src/components/BgBanner.tsx b/src/components/BgBanner.tsx index 7420e46..7e97665 100644 --- a/src/components/BgBanner.tsx +++ b/src/components/BgBanner.tsx @@ -1,8 +1,8 @@ 'use client'; -import { useEffect, useLayoutEffect, useState } from 'react'; +import { useEffect, useLayoutEffect, useRef, useState } from 'react'; -import styles from './testcomponents.module.css'; +// import styles from './testcomponents.module.css'; type BgBannerProps = { debug?: boolean; @@ -13,9 +13,15 @@ export default function TestBgBanner({ debug }: BgBannerProps) { x: number; y: number; } | null>(); - useLayoutEffect(() => { - window.scrollTo(0, 0); - }, []); + const ref = useRef(null); + + // useLayoutEffect(() => { + // const node = ref.current; + + // if (node) { + // node.style.top = '50svh'; + // } + // }, []); useEffect(() => { // TODO: debounce @@ -35,21 +41,19 @@ export default function TestBgBanner({ debug }: BgBannerProps) { return ( <> - {/*
test -
*/} -
+
+ {/*
*/} {debug ? (
{orientation?.x || 0}, {orientation?.y || 0}