change space between button of tabs

2024-10-03 16:45:32 +03:30
parent 02c77761f5
commit 3b9cff561d
1 changed files with 12 additions and 3 deletions
@@ -25,10 +25,19 @@ function Tabs({ value, handleChange, listTab, isSm, style }) {
            key={idx}
            label={item}
            {...a11yProps(idx)}
+            sx={{
+              "&.MuiButtonBase-root": {
+                width: "fit-content !important",
+                minWidth: "fit-content !important",
+              },
+              "&.MuiButtonBase-root:first-child": {
+                marginLeft: "9px !important",
+              },
+            }}
            className={`
-                            text-[#495057] !p-1 !text-[14px] md:!text-[16px] !font-bold
-                            ${isSm ? "!w-1/2 !m-0" : "!mr-2"}
-                        `}
+              text-[#495057] !p-1 !text-[14px] md:!text-[16px] !font-bold
+              ${isSm ? "!w-1/2 !m-0" : "!mr-[38px]"}
+            `}
          />
        ))}
      </TabsMUI>