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

Style switch and Thumb

This commit is contained in:
Hristo Nedelkov 2023-09-22 16:57:31 +03:00
parent 8972d8fa92
commit 31572de9b6
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx
View File

@ -55,8 +55,8 @@ const ConnectExistingInstance = () => {
<XStack>
<YStack><Text size={15} weight={'#647084'}>Protocol</Text>
<Switch size="$2" checked={isBeaconSwitchOn} onCheckedChange={() => setIsBeaconSwitchOn(prev => !prev)}>
<Switch.Thumb />
<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>
</YStack>
<YStack></YStack>