change style tabs
This commit is contained in:
@@ -27,11 +27,11 @@ function Tabs({ value, handleChange, listTab, isSm, style }) {
|
|||||||
{...a11yProps(idx)}
|
{...a11yProps(idx)}
|
||||||
sx={{
|
sx={{
|
||||||
"&.MuiButtonBase-root": {
|
"&.MuiButtonBase-root": {
|
||||||
width: "fit-content !important",
|
width: !isSm && "fit-content !important",
|
||||||
minWidth: "fit-content !important",
|
minWidth: !isSm && "fit-content !important",
|
||||||
},
|
},
|
||||||
"&.MuiButtonBase-root:first-child": {
|
"&.MuiButtonBase-root:first-child": {
|
||||||
marginLeft: "9px !important",
|
marginLeft: !isSm && "9px !important",
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
className={`
|
className={`
|
||||||
|
|||||||
@@ -19,7 +19,7 @@ function OTPForm({ handleOTP }) {
|
|||||||
}}
|
}}
|
||||||
className={`border border-solid border-[#ADB5BD] rounded-[6px] text-center transition-all duration-500 ease-out
|
className={`border border-solid border-[#ADB5BD] rounded-[6px] text-center transition-all duration-500 ease-out
|
||||||
outline-none focus:!border-[1px] focus:!border-solid focus:!border-[#5559CE]
|
outline-none focus:!border-[1px] focus:!border-solid focus:!border-[#5559CE]
|
||||||
focus:!outline-[1px] focus:!outline-solid focus:!outline-[#5559CE]
|
focus:!outline-[1px] focus:!outline-solid focus:!outline-[#5559CE] bg-transparent text-[#525252]
|
||||||
w-[43px] h-[43px] sm:w-[45px] sm:h-[45px] md:w-[47px] md:h-[47px] lg:w-[48px] lg:h-[48px]
|
w-[43px] h-[43px] sm:w-[45px] sm:h-[45px] md:w-[47px] md:h-[47px] lg:w-[48px] lg:h-[48px]
|
||||||
${code && "!border-[1px] !border-solid !border-[#5559CE]"}
|
${code && "!border-[1px] !border-solid !border-[#5559CE]"}
|
||||||
`}
|
`}
|
||||||
|
|||||||
Reference in New Issue
Block a user