add dropdown arrow

pull/401/head
slowbackspace 5 years ago
parent 0d239bfa5a
commit 9ed7ea9c0c

@ -12,7 +12,11 @@ const SelectWrapper = styled.div`
display: flex; display: flex;
color: ${colors.WHITE}; color: ${colors.WHITE};
align-items: center; align-items: center;
width: 140px; width: 180px;
@media screen and (max-width: ${SCREEN_SIZE.MD}) {
width: 140px;
}
@media screen and (max-width: ${SCREEN_SIZE.XS}) { @media screen and (max-width: ${SCREEN_SIZE.XS}) {
width: 100px; width: 100px;
@ -22,6 +26,7 @@ const SelectWrapper = styled.div`
const SelectIcon = styled.span` const SelectIcon = styled.span`
margin-right: -24px; margin-right: -24px;
padding-left: 6px; padding-left: 6px;
display: flex;
`; `;
const styles = { const styles = {
@ -46,7 +51,8 @@ const styles = {
width: '100%', width: '100%',
}), }),
dropdownIndicator: () => ({ dropdownIndicator: () => ({
display: 'none', display: 'block',
marginTop: '3px',
}), }),
menu: base => ({ menu: base => ({
...base, ...base,

Loading…
Cancel
Save