feat: 게이지 디자인 수정 (#90)

* feat: 설정정url 수정 및 게이지 디자인 수정 * feat: 게이지 숫자 opacity 70 * feat: 게이지 이미지 padding 수정
Central-MakeUs · Feb 10, 2025 · ed640d4 · ed640d4
1 parent 734c105
commit ed640d4
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 9 deletions.
diff --git 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
@@ -72,15 +72,15 @@ 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
               key={"0"}
               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
@@ -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
@@ -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",
 };