Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Common/StyledCollapse.js
Show First 20 Lines • Show All 45 Lines • ▼ Show 20 Lines | ${({ disabled = false, ...props }) => | ||||
color: ${props.theme.contrast} !important; | color: ${props.theme.contrast} !important; | ||||
} | } | ||||
} | } | ||||
.ant-collapse-arrow { | .ant-collapse-arrow { | ||||
font-size: 18px; | font-size: 18px; | ||||
} | } | ||||
`} | `} | ||||
`; | `; | ||||
export const AdvancedCollapse = styled(Collapse)` | |||||
${({ disabled = false, ...props }) => | |||||
disabled === true | |||||
? ` | |||||
background: ${props.theme.buttons.secondary.background} !important; | |||||
.ant-collapse-header { | |||||
font-size: 18px; | |||||
font-weight: normal; | |||||
color: ${props.theme.buttons.secondary.color} !important; | |||||
svg { | |||||
color: ${props.theme.buttons.secondary.color} !important; | |||||
} | |||||
} | |||||
.ant-collapse-arrow { | |||||
font-size: 18px; | |||||
} | |||||
` | |||||
: ` | |||||
background: ${props.theme.primary} !important; | |||||
.ant-collapse-header { | |||||
font-size: 18px; | |||||
font-weight: bold; | |||||
color: ${props.theme.contrast} !important; | |||||
svg { | |||||
color: ${props.theme.contrast} !important; | |||||
} | |||||
} | |||||
.ant-collapse-arrow { | |||||
font-size: 18px; | |||||
} | |||||
`} | |||||
`; |