Make the market dropdown stand out more obviously as a dropdown

This commit is contained in:
Nishad 2020-09-01 11:13:58 +08:00
parent 1ac1e9e548
commit 06bf082680
1 changed files with 13 additions and 3 deletions

View File

@ -106,12 +106,22 @@ export default function TradePage() {
<Row>
<Col>
<Select
bordered={false}
size={'large'}
bordered={true}
onSelect={setMarketName}
value={marketName}
listHeight={400}
>
{markets.map(({ name, address }) => (
<Option value={name} key={address}>
{markets.map(({ name, address }, i) => (
<Option
value={name}
key={address}
style={{
padding: '10px 0',
textAlign: 'center',
backgroundColor: i % 2 === 0 ? 'rgb(39, 44, 61)' : null,
}}
>
{name}
</Option>
))}