style: 목업 프레임 크기 변경

go-cham · Aug 9, 2023 · fd7069d · fd7069d
1 parent ce04488
commit fd7069d
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
@@ -15,7 +15,7 @@ export default function Layout({ children }: LayoutProps) {
       const handleResize = () => {
         if (ref.current) {
           ref.current.style.transform = `scale(${
-            document.body.getBoundingClientRect().height / 1100
+            document.body.getBoundingClientRect().height / 1012
           })`;
         }
       };
@@ -30,7 +30,7 @@ export default function Layout({ children }: LayoutProps) {
       <img
         src={text}
         alt="text"
-        className="fixed left-[5.5%] top-[8vh] z-10 hidden w-[42rem] xl:block"
+        className="fixed left-[5.5%] top-[10vh] z-10 hidden w-[38rem] xl:block"
       />
       <img
         src={character}
@@ -42,12 +42,12 @@ export default function Layout({ children }: LayoutProps) {
           {children}
         </div>
       ) : (
-        <div className="fixed left-1/2 top-[3%] h-[90vh] w-[53rem] -translate-x-[55%] xl:-translate-x-0">
+        <div className="fixed -top-[0.3%] left-1/2 h-[90vh] w-[53rem] -translate-x-[55%] xl:-translate-x-0">
           <div
             ref={ref}
             style={{
               transform: `scale(${
-                document.body.getBoundingClientRect().height / 1100
+                document.body.getBoundingClientRect().height / 1012
               })`,
               transformOrigin: 'top left',
             }}