Css changes.
This commit is contained in:
@@ -39,7 +39,7 @@ const Select = forwardRef<any, Props>((props, ref) => {
|
||||
return {
|
||||
...provided,
|
||||
position: 'relative',
|
||||
width: '100%'
|
||||
width: '100%',
|
||||
}
|
||||
},
|
||||
singleValue: provided => ({
|
||||
@@ -108,9 +108,10 @@ const Select = forwardRef<any, Props>((props, ref) => {
|
||||
dropdownIndicator: (provided, state) => {
|
||||
return {
|
||||
...provided,
|
||||
padding: 6,
|
||||
color: state.isFocused ? colors.border : colors.secondary,
|
||||
':hover': {
|
||||
color: colors.border
|
||||
color: colors.border,
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -268,6 +268,7 @@ export const TxUI: FC<UIProps> = ({
|
||||
}
|
||||
/>
|
||||
<Input
|
||||
css={{ mx: '$1' }}
|
||||
type="text"
|
||||
value={tokenAmount.currency}
|
||||
placeholder="Currency"
|
||||
@@ -305,13 +306,12 @@ export const TxUI: FC<UIProps> = ({
|
||||
)}
|
||||
<Box
|
||||
css={{
|
||||
ml: '$1',
|
||||
width: '200px'
|
||||
ml: '$2',
|
||||
width: '150px'
|
||||
}}
|
||||
>
|
||||
<Select
|
||||
instanceId="currency"
|
||||
placeholder="Select currency"
|
||||
instanceId="currency-type"
|
||||
options={amountOptions}
|
||||
value={isXrpAmount ? amountOptions['0'] : amountOptions['1']}
|
||||
onChange={(e: any) => {
|
||||
@@ -553,7 +553,7 @@ export const TxField: FC<{ label: string; children: ReactNode; multiLine?: boole
|
||||
justifyContent: 'flex-end',
|
||||
alignItems: multiLine ? 'flex-start' : 'center',
|
||||
position: 'relative',
|
||||
mb: '$3',
|
||||
mb: '$2',
|
||||
mt: '1px',
|
||||
pr: '1px'
|
||||
}}
|
||||
|
||||
Reference in New Issue
Block a user