status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: all inputs should have white background

This commit is contained in:
Ivana Andersson 2023-08-16 17:37:36 +03:00
parent 4679bea9b1
commit e9eda5237e
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/General/LabelInputField.css Normal file
View File

@ -0,0 +1,4 @@
.input-container {
background-color: #fff;
border-radius: 12px;
}

5
src/components/General/LabelInputField.tsx
View File

@ -1,5 +1,6 @@
import { Input as StatusInput, Text } from '@status-im/components' import { Input as StatusInput, Text } from '@status-im/components'
import { Label } from 'tamagui' import { Label } from 'tamagui'
import './LabelInputField.css'
type LabelInputProps = { type LabelInputProps = {
labelText: string labelText: string
@ -12,7 +13,9 @@ function LabelInputField({ labelText, placeholderText }: LabelInputProps) {
<Text size={13} weight="regular" color={'#647084'}> <Text size={13} weight="regular" color={'#647084'}>
{labelText} {labelText}
</Text> </Text>
<StatusInput placeholder={placeholderText} width={'100%'} /> <div className="input-container">
<StatusInput placeholder={placeholderText} width={'100%'} />
</div>
</Label> </Label>
) )
} }