design : BottleLetter 컴포넌트 css 수정 (#442)

prgrms-web-devcourse-final-project · Dec 26, 2024 · 6d61cd3 · 6d61cd3
1 parent 27f364a
commit 6d61cd3
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/public/라벨택_유리병.svg b/public/라벨택_유리병.svg
diff --git a/src/components/Common/BottleLetter/Bottle/Bottle.tsx b/src/components/Common/BottleLetter/Bottle/Bottle.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 export const Bottle = () => {
     return (
         <div className="flex justify-center h-full">
-            <img src="/유리병.svg" className="object-contain" />
+            <img src="/라벨택_유리병.svg" className="object-contain" />
         </div>
     );
 };
diff --git a/src/components/Common/BottleLetter/BottleLetter.tsx b/src/components/Common/BottleLetter/BottleLetter.tsx
@@ -23,7 +23,7 @@ export const BottleLetter = ({ Letter }: BottleLetterProps) => {
         <div className="relative w-full h-full">
             <div className="absolute top-0 left-0 w-full h-full">
                 <Bottle />
-                <div className="w-[50%] h-[50%] absolute top-[25%] left-[30%] rotate-[-30deg] ">
+                <div className="w-[50%] h-[50%] absolute top-[15%] left-[59%] rotate-[-30deg] ">
                     <Label imgSrc={Letter.label} />
                 </div>
             </div>