Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Common/EnhancedInputs.js
Show All 17 Lines | export const AntdFormCss = css` | ||||
} | } | ||||
input.ant-input, | input.ant-input, | ||||
.ant-select-selection { | .ant-select-selection { | ||||
background-color: ${props => | background-color: ${props => | ||||
props.theme.forms.selectionBackground} !important; | props.theme.forms.selectionBackground} !important; | ||||
box-shadow: none !important; | box-shadow: none !important; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
font-weight: bold; | font-weight: bold; | ||||
color: ${props => props.theme.wallet.text.secondary}; | color: ${props => props.theme.forms.text}; | ||||
opacity: 1; | opacity: 1; | ||||
height: 50px; | height: 50px; | ||||
} | } | ||||
.ant-input-affix-wrapper { | .ant-input-affix-wrapper { | ||||
background-color: ${props => props.theme.forms.selectionBackground}; | background-color: ${props => props.theme.forms.selectionBackground}; | ||||
border: 1px solid ${props => props.theme.wallet.borders.color} !important; | border: 1px solid ${props => props.theme.wallet.borders.color} !important; | ||||
} | } | ||||
.ant-select-selector { | .ant-select-selector { | ||||
Show All 24 Lines | .ant-form-item-has-error | ||||
.ant-select-selector { | .ant-select-selector { | ||||
background-color: ${props => props.theme.forms.selectionBackground}; | background-color: ${props => props.theme.forms.selectionBackground}; | ||||
border-color: ${props => props.theme.forms.error} !important; | border-color: ${props => props.theme.forms.error} !important; | ||||
} | } | ||||
.ant-select-single .ant-select-selector .ant-select-selection-item, | .ant-select-single .ant-select-selector .ant-select-selection-item, | ||||
.ant-select-single .ant-select-selector .ant-select-selection-placeholder { | .ant-select-single .ant-select-selector .ant-select-selection-placeholder { | ||||
line-height: 60px; | line-height: 60px; | ||||
text-align: left; | text-align: left; | ||||
color: ${props => props.theme.wallet.text.secondary}; | color: ${props => props.theme.forms.text}; | ||||
font-weight: bold; | font-weight: bold; | ||||
} | } | ||||
.ant-form-item-has-error .ant-input-group-addon { | |||||
color: ${props => props.theme.forms.error} !important; | |||||
border-color: ${props => props.theme.forms.error} !important; | |||||
} | |||||
.ant-form-item-explain.ant-form-item-explain-error { | |||||
color: ${props => props.theme.forms.error} !important; | |||||
} | |||||
`; | `; | ||||
export const AntdFormWrapper = styled.div` | export const AntdFormWrapper = styled.div` | ||||
${AntdFormCss} | ${AntdFormCss} | ||||
`; | `; | ||||
export const InputAddonText = styled.span` | export const InputAddonText = styled.span` | ||||
width: 100%; | width: 100%; | ||||
▲ Show 20 Lines • Show All 183 Lines • Show Last 20 Lines |