chore : 배포 이미지 경로 수정 (#266)

* chore : 폴더 경로 수정 * style : 전역 스타일 너비 수정 * style : 라벨 스타일 수정 * feat : testItem 수정
prgrms-web-devcourse-final-project · Dec 5, 2024 · cdf6d75 · cdf6d75
1 parent 41bc360
commit cdf6d75
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 11 deletions.
diff --git a/src/components/Common/BottleLetter/Label/Label.tsx b/src/components/Common/BottleLetter/Label/Label.tsx
@@ -4,11 +4,14 @@ import { LabelProps } from '@/types/label';
 export const Label = ({ imgSrc, isActive }: LabelProps) => {
     return (
         <div
-            className={`w-full h-full flex justify-center items-center border-[1px] rounded-2xl ${
+            className={`w-[80px] h-[100px] flex justify-center items-center border-[1px] rounded-2xl ${
                 isActive ? 'border-sample-blue' : 'border-transparent'
             }`}
         >
-            <img src={`/${imgSrc}`} className="object-contain p-1 " />
+            <img
+                src={`${imgSrc}`}
+                className="object-contain w-full h-full p-1"
+            />
         </div>
     );
 };
diff --git a/src/components/CreatLetterPage/LettetInputForm/LettetInputForm.tsx b/src/components/CreatLetterPage/LettetInputForm/LettetInputForm.tsx
@@ -36,7 +36,7 @@ export const LettetInputForm = ({
                     className="z-10 w-full bg-transparent border-none focus:border-none focus:outline-none text-wrap"
                     style={{ fontFamily: font || 'inherit' }}
                 />
-                <img src={'/public/to_line.f4c129e6.svg'} />
+                <img src={'/to_line.f4c129e6.svg'} />
 
                 <div className="relative z-10">
                     <TextArea

diff --git a/src/components/SelectItemPage/SelectItem/SelectItem.tsx b/src/components/SelectItemPage/SelectItem/SelectItem.tsx
@@ -15,19 +15,19 @@ type SelectItemProps = {
 
 const testLable: LabelProps[] = [
     {
-        imgSrc: 'public/라벨_샘플.png'
+        imgSrc: '/라벨_샘플_01.png'
     },
     {
-        imgSrc: 'public/라벨_샘플.png'
+        imgSrc: '/라벨_샘플_02.png'
     },
     {
-        imgSrc: 'public/라벨_샘플.png'
+        imgSrc: '/라벨_샘플.png'
     },
     {
-        imgSrc: 'public/라벨_샘플.png'
+        imgSrc: '/라벨_샘플.png'
     },
     {
-        imgSrc: 'public/라벨_샘플.png'
+        imgSrc: '/라벨_샘플.png'
     }
 ];
 
@@ -84,7 +84,8 @@ export const SelectItem = ({ isActive, setIsActive }: SelectItemProps) => {
     };
 
     useEffect(() => {
-        if (selectedLabel && selectedKeywords.length > 0) {
+        console.log(selectedLabel);
+        if (selectedLabel !== null && selectedKeywords.length > 0) {
             setIsActive(true);
         } else {
             setIsActive(false);

diff --git a/src/index.css b/src/index.css
@@ -15,7 +15,7 @@
         @apply h-full;
     }
     #root {
-        @apply mx-auto min-w-[375px] max-w-[475px]  bg-white border h-auto min-h-screen text-sample-black;
+        @apply mx-auto min-w-[375px] max-w-[477px]  bg-white border h-auto min-h-screen text-sample-black;
     }
 }
 @layer components {
@@ -36,7 +36,7 @@
     --rsbs-backdrop-bg: rgba(0, 0, 0, 0.6); /* 배경색 */
     --rsbs-bg: #fff; /* 시트 배경색 */
     --rsbs-handle-bg: hsla(0, 0%, 0%, 0.14); /* 핸들 배경색 */
-    --rsbs-max-w: 450px; /* 최대 너비 */
+    --rsbs-max-w: 475px; /* 최대 너비 */
     --rsbs-ml: auto;
     --rsbs-mr: auto;
     --rsbs-overlay-rounded: 16px; /* 모서리 반경 */