Make the market dropdown stand out more obviously as a dropdown
This commit is contained in:
parent
1ac1e9e548
commit
06bf082680
|
@ -106,12 +106,22 @@ export default function TradePage() {
|
||||||
<Row>
|
<Row>
|
||||||
<Col>
|
<Col>
|
||||||
<Select
|
<Select
|
||||||
bordered={false}
|
size={'large'}
|
||||||
|
bordered={true}
|
||||||
onSelect={setMarketName}
|
onSelect={setMarketName}
|
||||||
value={marketName}
|
value={marketName}
|
||||||
|
listHeight={400}
|
||||||
>
|
>
|
||||||
{markets.map(({ name, address }) => (
|
{markets.map(({ name, address }, i) => (
|
||||||
<Option value={name} key={address}>
|
<Option
|
||||||
|
value={name}
|
||||||
|
key={address}
|
||||||
|
style={{
|
||||||
|
padding: '10px 0',
|
||||||
|
textAlign: 'center',
|
||||||
|
backgroundColor: i % 2 === 0 ? 'rgb(39, 44, 61)' : null,
|
||||||
|
}}
|
||||||
|
>
|
||||||
{name}
|
{name}
|
||||||
</Option>
|
</Option>
|
||||||
))}
|
))}
|
||||||
|
|
Loading…
Reference in New Issue