fix: update PrevNextButtons styles

regen-network · Mar 10, 2025 · 9896001 · 9896001
1 parent fa778bb
commit 9896001
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/web-components/src/components/molecules/PrevNextButtons/PrevNextButtons.styles.ts b/web-components/src/components/molecules/PrevNextButtons/PrevNextButtons.styles.ts
@@ -4,9 +4,8 @@ export const useStyles = makeStyles()(theme => ({
   btn: {
     padding: `${theme.spacing(3)} !important`,
     minWidth: 0,
-    height: '100%',
     [theme.breakpoints.up('sm')]: {
-      fontSize: theme.spacing(4),
+      fontSize: theme.spacing(4.5),
     },
     [theme.breakpoints.down('sm')]: {
       fontSize: theme.spacing(3),

diff --git a/web-components/src/components/molecules/PrevNextButtons/PrevNextButtons.tsx b/web-components/src/components/molecules/PrevNextButtons/PrevNextButtons.tsx
@@ -16,26 +16,32 @@ export const PrevNextButtons = ({
   onSave,
   saveDisabled,
   saveText,
-  className = '',
+  className,
 }: Props) => {
   const { classes } = useStyles();
   return (
     <div className={className}>
       {onPrev && (
         <OutlinedButton
-          className={cn(classes.btn, 'mr-10 sm:mr-20')}
+          className={cn(
+            classes.btn,
+            'mr-10 sm:mr-20 h-50 sm:h-60 w-50 sm:w-60',
+          )}
           onClick={onPrev}
         >
           <ArrowDownIcon
             fontSize="small"
             direction="prev"
-            // color={theme.palette.secondary.main}
+            className="w-[24px] h-[24px]"
           />
         </OutlinedButton>
       )}
       <ContainedButton
         type="submit"
-        className={classes.btn}
+        className={cn(
+          classes.btn,
+          '!py-[13px] sm:!py-[17px] !px-[30px] sm:!px-[43px] h-50 sm:h-60',
+        )}
         onClick={onSave}
         disabled={saveDisabled}
       >