Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Send/Send.js
Show First 20 Lines • Show All 78 Lines • ▼ Show 20 Lines | |||||
const SendAddressHeader = styled.div` | const SendAddressHeader = styled.div` | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
`; | `; | ||||
const DestinationAddressSingleCtn = styled.div``; | const DestinationAddressSingleCtn = styled.div``; | ||||
const DestinationAddressMultiCtn = styled.div``; | const DestinationAddressMultiCtn = styled.div``; | ||||
const ExpandingAddressInputCtn = styled.div` | const ExpandingAddressInputCtn = styled.div` | ||||
min-height: 14rem; | min-height: 15rem; | ||||
${DestinationAddressSingleCtn} { | ${DestinationAddressSingleCtn} { | ||||
overflow: hidden; | overflow: hidden; | ||||
max-height: ${props => (props.open ? '0rem' : '17rem')}; | transition: ${props => | ||||
props.open | |||||
? 'max-height 200ms ease-in, opacity 200ms ease-out' | |||||
: 'max-height 200ms cubic-bezier(0, 1, 0, 1), opacity 200ms ease-in'}; | |||||
max-height: ${props => (props.open ? '0rem' : '14rem')}; | |||||
opacity: ${props => (props.open ? 0 : 1)}; | |||||
} | } | ||||
${DestinationAddressMultiCtn} { | ${DestinationAddressMultiCtn} { | ||||
overflow: hidden; | overflow: hidden; | ||||
max-height: ${props => (props.open ? '17rem' : '0rem')}; | transition: ${props => | ||||
props.open | |||||
? 'max-height 200ms ease-in, transform 200ms ease-out, opacity 200ms ease-in' | |||||
: 'max-height 200ms cubic-bezier(0, 1, 0, 1), transform 200ms ease-out'}; | |||||
max-height: ${props => (props.open ? '14rem' : '0rem')}; | |||||
transform: ${props => | |||||
props.open ? 'translateY(0%)' : 'translateY(100%)'}; | |||||
opacity: ${props => (props.open ? 1 : 0)}; | |||||
} | } | ||||
`; | `; | ||||
const PanelHeaderCtn = styled.div` | const PanelHeaderCtn = styled.div` | ||||
display: flex; | display: flex; | ||||
justify-content: center; | justify-content: center; | ||||
align-items: center; | align-items: center; | ||||
gap: 1rem; | gap: 1rem; | ||||
▲ Show 20 Lines • Show All 937 Lines • Show Last 20 Lines |