diff --git a/public/assets/img/img-graphic-logo-blur.png b/public/assets/img/img-graphic-logo-blur.png deleted file mode 100644 index 5f4b21d..0000000 Binary files a/public/assets/img/img-graphic-logo-blur.png and /dev/null differ diff --git a/public/assets/img/img-graphic-logo-blur.webp b/public/assets/img/img-graphic-logo-blur.webp new file mode 100644 index 0000000..7993ee8 Binary files /dev/null and b/public/assets/img/img-graphic-logo-blur.webp differ diff --git a/public/assets/img/img-graphic-logo.png b/public/assets/img/img-graphic-logo.png index 8d4faa3..a1cefb0 100644 Binary files a/public/assets/img/img-graphic-logo.png and b/public/assets/img/img-graphic-logo.png differ diff --git a/public/assets/img/img-style-cute-circle.png b/public/assets/img/img-style-cute-circle.png deleted file mode 100644 index fbb5228..0000000 Binary files a/public/assets/img/img-style-cute-circle.png and /dev/null differ diff --git a/public/assets/img/img-style-cute-circle.webp b/public/assets/img/img-style-cute-circle.webp new file mode 100644 index 0000000..fb23dbd Binary files /dev/null and b/public/assets/img/img-style-cute-circle.webp differ diff --git a/public/assets/img/img-style-cute.png b/public/assets/img/img-style-cute.png deleted file mode 100644 index 5331fc1..0000000 Binary files a/public/assets/img/img-style-cute.png and /dev/null differ diff --git a/public/assets/img/img-style-cute.webp b/public/assets/img/img-style-cute.webp new file mode 100644 index 0000000..a76bbbf Binary files /dev/null and b/public/assets/img/img-style-cute.webp differ diff --git a/public/assets/img/img-style-friendly-circle.png b/public/assets/img/img-style-friendly-circle.png deleted file mode 100644 index 162f66b..0000000 Binary files a/public/assets/img/img-style-friendly-circle.png and /dev/null differ diff --git a/public/assets/img/img-style-friendly-circle.webp b/public/assets/img/img-style-friendly-circle.webp new file mode 100644 index 0000000..25fc3d9 Binary files /dev/null and b/public/assets/img/img-style-friendly-circle.webp differ diff --git a/public/assets/img/img-style-friendly.png b/public/assets/img/img-style-friendly.png deleted file mode 100644 index aa88f8e..0000000 Binary files a/public/assets/img/img-style-friendly.png and /dev/null differ diff --git a/public/assets/img/img-style-friendly.webp b/public/assets/img/img-style-friendly.webp new file mode 100644 index 0000000..76fd469 Binary files /dev/null and b/public/assets/img/img-style-friendly.webp differ diff --git a/public/assets/img/img-style-trust-circle.png b/public/assets/img/img-style-trust-circle.png deleted file mode 100644 index b2f726f..0000000 Binary files a/public/assets/img/img-style-trust-circle.png and /dev/null differ diff --git a/public/assets/img/img-style-trust-circle.webp b/public/assets/img/img-style-trust-circle.webp new file mode 100644 index 0000000..5346f0a Binary files /dev/null and b/public/assets/img/img-style-trust-circle.webp differ diff --git a/public/assets/img/img-style-trust.png b/public/assets/img/img-style-trust.png deleted file mode 100644 index e4b5878..0000000 Binary files a/public/assets/img/img-style-trust.png and /dev/null differ diff --git a/public/assets/img/img-style-trust.webp b/public/assets/img/img-style-trust.webp new file mode 100644 index 0000000..6533434 Binary files /dev/null and b/public/assets/img/img-style-trust.webp differ diff --git a/src/components/Home/Home.module.scss b/src/components/Home/Home.module.scss index a831ebf..4870aed 100644 --- a/src/components/Home/Home.module.scss +++ b/src/components/Home/Home.module.scss @@ -46,8 +46,10 @@ margin-top: 3.75rem; & > img { - width: 22.5rem; - height: 22.5rem; + width: 14.375rem; + height: 14.375rem; + box-shadow: 0px 0px 2.5rem 0.625rem #fff; + border-radius: 100%; } } diff --git a/src/components/ReceiptEdit/ReceiptEdit.module.scss b/src/components/ReceiptEdit/ReceiptEdit.module.scss index 9310cf1..4749200 100644 --- a/src/components/ReceiptEdit/ReceiptEdit.module.scss +++ b/src/components/ReceiptEdit/ReceiptEdit.module.scss @@ -4,13 +4,19 @@ padding-bottom: 2.5rem; height: calc(100vh - 2.75rem); overflow: hidden; - overflow-y: auto; position: relative; display: flex; flex-direction: column; justify-content: space-between; background: var(--color-bg-gradient); + overflow-y: scroll; + &::-webkit-scrollbar { + display: none; + } + -ms-overflow-style: none; + scrollbar-width: none; + &::before { content: ""; background: url("/src/assets/svg/img-graphic-main.svg") center no-repeat; diff --git a/src/components/RecognitionFail/RecognitionFail.module.scss b/src/components/RecognitionFail/RecognitionFail.module.scss index 70651ed..3fb584a 100644 --- a/src/components/RecognitionFail/RecognitionFail.module.scss +++ b/src/components/RecognitionFail/RecognitionFail.module.scss @@ -10,8 +10,7 @@ background: var(--color-bg-gradient); .Title { - padding-top: 5rem; - padding-bottom: 1.25rem; + padding-top: 3.75rem; display: flex; flex-direction: column; diff --git a/src/components/SelectStyle/SelectStyle.module.scss b/src/components/SelectStyle/SelectStyle.module.scss index 00affca..d41c6fd 100644 --- a/src/components/SelectStyle/SelectStyle.module.scss +++ b/src/components/SelectStyle/SelectStyle.module.scss @@ -30,7 +30,7 @@ margin-top: 2.5rem; & > h2 { - margin-top: 0.625rem; + margin-top: 0.5rem; } } @@ -54,8 +54,8 @@ z-index: 1; & > img { - width: 13.125rem; - height: 13.125rem; + width: 17.5rem; + height: 17.5rem; } } @@ -63,7 +63,7 @@ z-index: 1; button { - margin-top: 2.5rem; + margin-top: 1.875rem; } } diff --git a/src/components/SelectStyle/SelectStyle.tsx b/src/components/SelectStyle/SelectStyle.tsx index ced98f3..64481c8 100644 --- a/src/components/SelectStyle/SelectStyle.tsx +++ b/src/components/SelectStyle/SelectStyle.tsx @@ -21,15 +21,15 @@ interface StyleProps { } const IMG_STYLE_DATA = [ - { name: "친근한 말투", image: "/assets/img/img-style-friendly.png" }, - { name: "믿음직한 말투", image: "/assets/img/img-style-trust.png" }, - { name: "유쾌한 말투", image: "/assets/img/img-style-cute.png" }, + { name: "친근한 말투", image: "/assets/img/img-style-friendly.webp" }, + { name: "믿음직한 말투", image: "/assets/img/img-style-trust.webp" }, + { name: "귀여운 말투", image: "/assets/img/img-style-cute.webp" }, ]; const STYLE_NAME_MAPPING: { [key: string]: string } = { "친근한 말투": "FRIENDLY", "유쾌한 말투": "CUTE", - "믿음직한 말투": "PROFESSIONAL", + "귀여운 말투": "PROFESSIONAL", }; const SelectStyle = () => { diff --git a/src/components/ui/Toast/Toast.module.scss b/src/components/ui/Toast/Toast.module.scss index 578449f..5880167 100644 --- a/src/components/ui/Toast/Toast.module.scss +++ b/src/components/ui/Toast/Toast.module.scss @@ -22,7 +22,7 @@ .Toast { width: 100%; height: 3.25rem; - z-index: 1; + z-index: 2; border-radius: 0.75rem; background-color: white; padding: 0.875rem 1.125rem; diff --git a/src/pages/CreateReviewFailPage/CreateReviewFailPage.module.scss b/src/pages/CreateReviewFailPage/CreateReviewFailPage.module.scss index a1ead19..2b93608 100644 --- a/src/pages/CreateReviewFailPage/CreateReviewFailPage.module.scss +++ b/src/pages/CreateReviewFailPage/CreateReviewFailPage.module.scss @@ -16,13 +16,12 @@ } .Image { - margin-top: 6.25rem; display: flex; justify-content: center; align-items: center; & > img { - width: 22.5rem; - height: 22.5rem; + width: 20rem; + height: 20rem; } } diff --git a/src/pages/CreateReviewFailPage/CreateReviewFailPage.tsx b/src/pages/CreateReviewFailPage/CreateReviewFailPage.tsx index 0f6786a..7c62ca3 100644 --- a/src/pages/CreateReviewFailPage/CreateReviewFailPage.tsx +++ b/src/pages/CreateReviewFailPage/CreateReviewFailPage.tsx @@ -5,9 +5,24 @@ import { useRoute } from "@/hooks/common/useRoute"; import styles from "@/pages/CreateReviewFailPage/CreateReviewFailPage.module.scss"; +import { useGenerateReviewStore } from "@/store/useGenerateReviewStore"; +import { useCreateReviewStore } from "@/store/useReviewStore"; +import { useScanDataStore } from "@/store/useScanDataStore"; + const CreateReviewFailPage = () => { const { navigateToHome } = useRoute(); + const { resetGenerateReviewData } = useGenerateReviewStore(); + const { resetCreateReviewData } = useCreateReviewStore(); + const { resetScanData } = useScanDataStore(); + + const handleNavigateHome = () => { + resetGenerateReviewData(); + resetCreateReviewData(); + resetScanData(); + navigateToHome(); + }; + return (
-
+