Css changes.

This commit is contained in:
muzam1l
2023-03-17 17:17:29 +05:30
parent 21a69ac8ea
commit e4936c03ef
2 changed files with 8 additions and 7 deletions

View File

@@ -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,
}
}
}

View File

@@ -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'
}}