style: px to rem

src/pages/TaskManage/components/SubTitle.tsx

@@ -24,11 +24,11 @@ const SubTitle: React.FC<IPropsType> = ({
         display: 'flex',
         justifyContent: 'space-between',
         alignItems: 'center',
-        paddingLeft: '20px',
-        paddingRight: '10px',
+        paddingLeft: '0.2rem',
+        paddingRight: '0.1rem',
         // backgroundColor: '#d9e7f9',
-        fontSize: String(titleFontSize) + 'px',
-        height: String(Number(titleFontSize) + 40) + 'px',
+        fontSize: String(Number(titleFontSize) / 100) + 'rem',
+        height: String((Number(titleFontSize) + 40) / 100) + 'rem',
         // borderRadius: radius ? '8px 8px 0 0 ' : 'unset',
       }}
     >
@@ -39,7 +39,7 @@ const SubTitle: React.FC<IPropsType> = ({
             width: '0.1rem',
             height: '0.1rem',
             borderRadius: '0.1rem',
-            marginRight: '8px',
+            marginRight: '0.08rem',
           }}
         />
         <span style={{ color: 'rgba(97, 93, 93, 1)', fontWeight: '600' }}>
@@ -53,8 +53,8 @@ const SubTitle: React.FC<IPropsType> = ({
             alt="status"
             style={{
               position: 'relative',
-              left: '10px',
-              bottom: '10px',
+              left: '0.1rem',
+              bottom: '0.1rem',
             }}
           />
         </div>