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: button width and imports

This commit is contained in:
RadoslavDimchev 2023-12-20 12:12:45 +02:00
parent f249ff9ffa
commit 1f505db9ec
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/ConnectDevicePage/ConnectDevicePage.tsx
View File

@ -1,12 +1,13 @@
import { NodeIcon } from '@status-im/icons'
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import BreadcrumbBar from '../../components/General/BreadcrumbBar/BreadcrumbBar' import { Button as StatusButton, Text, Checkbox } from '@status-im/components'
import { Button as StatusButton, Text, Avatar, Checkbox } from '@status-im/components'
import { Article, Label, Separator, Stack, XStack, YStack } from 'tamagui' import { Article, Label, Separator, Stack, XStack, YStack } from 'tamagui'
import BreadcrumbBar from '../../components/General/BreadcrumbBar/BreadcrumbBar'
import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow' import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
import Titles from '../../components/General/Titles' import Titles from '../../components/General/Titles'
import LabelInputField from '../../components/General/LabelInputField' import LabelInputField from '../../components/General/LabelInputField'
import Header from '../../components/General/Header' import Header from '../../components/General/Header'
import { NodeIcon } from '@status-im/icons'
import CreateAvatar from '../../components/General/CreateAvatar/CreateAvatar' import CreateAvatar from '../../components/General/CreateAvatar/CreateAvatar'
const ConnectDevicePage = () => { const ConnectDevicePage = () => {
@ -117,7 +118,9 @@ const ConnectDevicePage = () => {
</XStack> </XStack>
<Separator alignSelf="stretch" borderColor={'#F0F2F5'} /> <Separator alignSelf="stretch" borderColor={'#F0F2F5'} />
</YStack> </YStack>
<StatusButton icon={<NodeIcon size={20} />}>Connect Device</StatusButton> <div>
<StatusButton icon={<NodeIcon size={20} />}>Connect Device</StatusButton>
</div>
</Article> </Article>
</YStack> </YStack>
</PageWrapperShadow> </PageWrapperShadow>