Spaces:
Configuration error
Configuration error
File size: 1,010 Bytes
7bbd534 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
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),
},
}),
},
},
},
};
|