status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-27 18:40:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into rd.fix-connect-screens-flow

Browse Source
This commit is contained in:
RadoslavDimchev 2024-01-05 14:58:53 +02:00
commit ae00a27a18
3 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/General/CreateAvatar/CreateAvatar.tsx
View File

@ -33,7 +33,7 @@ const CreateAvatar = () => {
return (
<YStack>
<XStack>
<LabelInputField labelText="Device Name" placeholderText="Stake and chips" />
<LabelInputField labelText="Device Name" placeholderText="Stake and chips" width="95%" />
</XStack>
<XStack space={'$3'} justifyContent={'space-between'}>
<YStack>

2
src/components/General/LabelInputField.css
View File

@ -2,5 +2,5 @@
background-color: #fff;
border-radius: 12px;
margin-top: 8px;
width: 100%;
}

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

@ -5,16 +5,17 @@ import './LabelInputField.css'
type LabelInputProps = {
labelText: string
placeholderText: string
width?: string
}
const LabelInputField = ({ labelText, placeholderText }: LabelInputProps) => {
const LabelInputField = ({ labelText, placeholderText, width }: LabelInputProps) => {
return (
<Label flexDirection="column" alignItems="flex-start" my={10} width={'100%'}>
<Label flexDirection="column" alignItems="flex-start" my={10} style={{ width: width }}>
<Text size={13} weight="semibold" color={'#647084'}>
{labelText}
</Text>
<div className="input-container">
<StatusInput placeholder={placeholderText} width={'100%'} />
<div className="input-container" style={{ width: width }}>
<StatusInput placeholder={placeholderText} />
</div>
</Label>
)