From ed640d45c65da9d815a52b2791204741fb97ab84 Mon Sep 17 00:00:00 2001
From: Yujin <114130942+Youjiiin@users.noreply.github.com>
Date: Mon, 10 Feb 2025 15:53:06 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B2=8C=EC=9D=B4=EC=A7=80=20=EB=94=94?=
 =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95=20(#90)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: 설정정url 수정 및 게이지 디자인 수정

* feat: 게이지 숫자 opacity 70

* feat: 게이지 이미지 padding 수정
---
 packages/design-system/SingleSlider.tsx                     | 5 ++---
 .../components/ProgressStep/BookRecordWriteProgressStep.tsx | 4 ++--
 .../record/components/TextStep/BookRecordWriteTextStep.tsx  | 2 +-
 src/shared/constants/externalLink.ts                        | 6 +++---
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/design-system/SingleSlider.tsx b/packages/design-system/SingleSlider.tsx
index 81a2612..4bdf60a 100644
--- a/packages/design-system/SingleSlider.tsx
+++ b/packages/design-system/SingleSlider.tsx
@@ -24,9 +24,8 @@ export const SingleSlider = (
         className,
       )}
     >
-      <Box className=" shadow-[inset_0_0_0_3px_rgba(252,255,232,0.2)] rounded-full w-full h-[24px] bg-gradient-to-r from-main2-gradient-from via-main2-gradient-via to-main2-gradient-to" />
-      <SliderPrimitive.Track>
-        <SliderPrimitive.Range />
+      <SliderPrimitive.Track className="bg-gray-200 relative rounded-full w-full h-[24px]">
+        <SliderPrimitive.Range className="absolute bg-gradient-to-r from-main2-gradient-from via-main2-gradient-via to-main2-gradient-to rounded-full h-full" />
       </SliderPrimitive.Track>
       <SliderPrimitive.Thumb className=" duration-300 transition-transform active:scale-105 flex justify-center items-center focus:outline-none size-[48px] rounded-full bg-pastel-red bg-gradient-to-tl from-green to-yellow-green">
         <Box className=" size-[40px] rounded-full bg-green flex justify-center items-center">
diff --git a/src/entities/record/components/ProgressStep/BookRecordWriteProgressStep.tsx b/src/entities/record/components/ProgressStep/BookRecordWriteProgressStep.tsx
index 5cc3318..00a6eaa 100644
--- a/src/entities/record/components/ProgressStep/BookRecordWriteProgressStep.tsx
+++ b/src/entities/record/components/ProgressStep/BookRecordWriteProgressStep.tsx
@@ -72,7 +72,7 @@ const ImageSection = memo((props: { status: "0" | "50" | "100"; value: number })
     <Stack className=" min-h-[400px] w-full justify-center items-center">
       <ImageFadeAnimator
         value={props.status}
-        className=" px-[100px] relative"
+        className=" px-[115px] relative"
         caseBy={{
           "0": (
             <ImageFadeAnimator.FadeIn
@@ -80,7 +80,7 @@ const ImageSection = memo((props: { status: "0" | "50" | "100"; value: number })
               transition={{ duration: GAUGE_DURATION_POLICY, ease: GAUGE_EASE_POLICY }}
             >
               <Image src={GAUGE_ASSETS[0]} alt="read gauge 0 image" objectfit={"contain"} />
-              <Text className="text-dark-violet text-[32px] font-bold absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+              <Text className="text-dark-violet/70 text-[32px] font-bold absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
                 {props.value}%
               </Text>
             </ImageFadeAnimator.FadeIn>
diff --git a/src/entities/record/components/TextStep/BookRecordWriteTextStep.tsx b/src/entities/record/components/TextStep/BookRecordWriteTextStep.tsx
index 6c5b65b..23dcc6f 100644
--- a/src/entities/record/components/TextStep/BookRecordWriteTextStep.tsx
+++ b/src/entities/record/components/TextStep/BookRecordWriteTextStep.tsx
@@ -56,7 +56,7 @@ export default function BookRecordWriteTextStep(
           <WarningText />
         </Flex>
 
-        <FixedBottom className=" max-h-[229px] bg-white-yellow p-4">
+        <FixedBottom className=" max-h-[229px] bg-white-yellow p-4 pb-[37px]">
           <Flex className=" flex-grow min-h-[168px] gap-[11px]">
             <Box className=" w-full">
               <TextArea.Layout>
diff --git a/src/shared/constants/externalLink.ts b/src/shared/constants/externalLink.ts
index 6e2ecc4..5f9d035 100644
--- a/src/shared/constants/externalLink.ts
+++ b/src/shared/constants/externalLink.ts
@@ -1,5 +1,5 @@
 export const SETTINGS_LINKS = {
-  FAQ: "https://burly-jar-165.notion.site/18828ba3580d80f8b23ef2a7082f8412?pvs=4",
-  TERMSANDPRIVACY: "https://burly-jar-165.notion.site/use-policy?pvs=4",
-  NOTICE: "https://burly-jar-165.notion.site/announcement?pvs=4",
+  FAQ: "http://mercuryplanet.notion.site",
+  TERMSANDPRIVACY: "https://mercuryplanet.notion.site/use-policy",
+  NOTICE: "https://mercuryplanet.notion.site/announcement",
 };