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

feat: add style to regenerate id container

This commit is contained in:
RadoslavDimchev 2023-12-04 20:09:26 +02:00
parent 68751434c4
commit 2f94f1a259
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/PairDevice/GenerateId.tsx
View File

@ -3,9 +3,11 @@ import { CompleteIdIcon, CopyIcon } from '@status-im/icons'
import { Text } from '@tamagui/web' import { Text } from '@tamagui/web'
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import { Link } from 'react-router-dom' import { Link } from 'react-router-dom'
import { Separator, XStack, YStack } from 'tamagui' import { Separator, YStack } from 'tamagui'
import { v4 as uuidv4 } from 'uuid' import { v4 as uuidv4 } from 'uuid'
import styles from './pairDevice.module.css'
type GenerateIdProps = { type GenerateIdProps = {
isAwaitingPairing: boolean isAwaitingPairing: boolean
} }
@ -27,7 +29,9 @@ const GenerateId = ({ isAwaitingPairing }: GenerateIdProps) => {
return ( return (
<YStack space={'$2'}> <YStack space={'$2'}>
<XStack style={{ justifyContent: 'space-between' }}> <div
style={{ display: 'flex', justifyContent: 'space-between' }}
>
<StatusText size={19} weight={'semibold'}> <StatusText size={19} weight={'semibold'}>
Pair with Command line Pair with Command line
</StatusText> </StatusText>
@ -39,7 +43,7 @@ const GenerateId = ({ isAwaitingPairing }: GenerateIdProps) => {
> >
Regenerate ID Regenerate ID
</Button> </Button>
</XStack> </div>
<YStack space={'$2'}> <YStack space={'$2'}>
<StatusText size={15} color={'#647084'}> <StatusText size={15} color={'#647084'}>
Generated Pairing ID Input Generated Pairing ID Input