style: MonitorBG 컴포넌트의 코드 스타일 수정 및 index.astro 파일의 div 속성 정리

chamchi0809 · chamchi0809 · commit 19f7d98d9003 · 2025-09-09T04:31:29.000+09:00
diff --git a/src/components/MonitorBG.tsx b/src/components/MonitorBG.tsx
@@ -8,8 +8,9 @@ import {Suspense, useState} from "react";
 const CAM_DISTANCE = 5;
 
 export default function MonitorBG() {
-    return <div style={{position: "absolute", inset: 0}}>
-        <Canvas className={"animate-fadeIn"} eventPrefix="client" shadows dpr={[1, 2]} style={{width: '100%', height: '100%'}} camera={[0, 0, CAM_DISTANCE, {fov: 50}] as any}>
+
+    return <div className={"absolute inset-0"}>
+        <Canvas className={"animate-fadeIn"} resize={{debounce: 0}} eventPrefix={"client"} shadows dpr={[1, 2]} style={{width: '100%', height: '100%'}} camera={[0, 0, CAM_DISTANCE, {fov: 50}] as any}>
             <Suspense fallback={<Loader/>}>
                 <ambientLight color={"#dadacf"} intensity={1.2}/>
                 <Float rotationIntensity={1.5} floatIntensity={1.5} speed={3}>
@@ -95,7 +96,7 @@ const Tag = (
 }
 
 function Loader() {
-    const { progress } = useProgress()
+    const {progress} = useProgress()
     return <Html center>
         <div
             className="mx-auto w-[500px] h-[400px] bg-gray-950 rounded-xl overflow-hidden drop-shadow-xl"
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -7,7 +7,7 @@ import Layout from '../layouts/Layout.astro';
 ---
 
 <Layout>
-    <div class="w-full h-full relative">
+    <div class="w-full h-full">
         <MonitorBG client:load>
             <Fragment slot="fallback">
                 <div class="w-full h-full text-bright text-3xl flex flex-col gap-2 justify-center items-center">
