update pay function
This commit is contained in:
32
boilerplate-chakra-pro-main/theme/components/badge.ts
Normal file
32
boilerplate-chakra-pro-main/theme/components/badge.ts
Normal file
@@ -0,0 +1,32 @@
|
||||
import { mode } from '@chakra-ui/theme-tools';
|
||||
export const badgeStyles = {
|
||||
components: {
|
||||
Badge: {
|
||||
baseStyle: {
|
||||
borderRadius: '10px',
|
||||
lineHeight: '100%',
|
||||
padding: '7px',
|
||||
paddingLeft: '12px',
|
||||
paddingRight: '12px',
|
||||
},
|
||||
variants: {
|
||||
outline: () => ({
|
||||
borderRadius: '16px',
|
||||
}),
|
||||
brand: (props: any) => ({
|
||||
bg: mode('brand.500', 'brand.400')(props),
|
||||
color: 'white',
|
||||
_focus: {
|
||||
bg: mode('brand.500', 'brand.400')(props),
|
||||
},
|
||||
_active: {
|
||||
bg: mode('brand.500', 'brand.400')(props),
|
||||
},
|
||||
_hover: {
|
||||
bg: mode('brand.600', 'brand.400')(props),
|
||||
},
|
||||
}),
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
Reference in New Issue
Block a user