V4.6.6-1 (#656)

projects/app/src/components/Slider/index.tsx

@@ -69,18 +69,18 @@ const MySlider = ({
       <SliderMark
         value={value}
         textAlign="center"
-        bg="blue.500"
+        bg="primary.500"
         color="white"
         px={1}
         minW={'18px'}
         w={'auto'}
         h={'18px'}
+        lineHeight={'18px'}
         borderRadius={'18px'}
-        fontSize={'xs'}
         transform={'translate(-50%, -155%)'}
-        boxSizing={'border-box'}
+        fontSize={'11px'}
       >
-        {value}
+        <Box transform={'scale(0.9)'}>{value}</Box>
       </SliderMark>
       <SliderTrack
         bg={'#EAEDF3'}
@@ -95,9 +95,9 @@ const MySlider = ({
           right: '-3px'
         }}
       >
-        <SliderFilledTrack bg={'blue.500'} />
+        <SliderFilledTrack bg={'primary.500'} />
       </SliderTrack>
-      <SliderThumb border={'3px solid'} borderColor={'blue.500'}></SliderThumb>
+      <SliderThumb border={'3px solid'} borderColor={'primary.500'}></SliderThumb>
     </Slider>
   );
 };