status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-19 07:51:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Style validator Address Switch and Switch thumb

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-09-25 22:20:55 +03:00
parent 9a03385180
commit 91b91ddb88
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/ConnectExistingInstance/ClientAddressRow.tsx
View File

@ -16,9 +16,8 @@ const ClientAddressRow = () => {
<Text size={13} color={'#647084'} weight={'semibold'}> Protocol </Text>
<Text size={11} color={'#647084'} weight={'regular'}> (HTTP/HTTPS)</Text>
</YStack>
<Switch size="$2" style={isBeaconSwitchOn ? { backgroundColor: '#2A4AF5' } : { backgroundColor: 'grey' }} checked={isBeaconSwitchOn} onCheckedChange={() => setIsBeaconSwitchOn(prev => !prev)}>
<Switch.Thumb style={{ backgroundColor: '#fff', border: '1px solid #2A4AF5' }} />
<Switch size="$1" style={isBeaconSwitchOn ? { backgroundColor: '#2A4AF5' } : { backgroundColor: 'grey' }} checked={isBeaconSwitchOn} onCheckedChange={() => setIsBeaconSwitchOn(prev => !prev)}>
<Switch.Thumb style={{ right: 7, bottom: 3, backgroundColor: '#fff', height: '16px', width: '16px' }} />
</Switch>
</YStack>
<YStack space={'$2'}>