Style beaconAddress Switch and Switch thumb

This commit is contained in:
Hristo Nedelkov 2023-09-25 22:20:29 +03:00
parent efa356cbdc
commit 9a03385180
1 changed files with 4 additions and 4 deletions

View File

@ -2,7 +2,7 @@ import { Checkbox, Input, Text } from "@status-im/components"
import { useState } from "react"
import { Stack, Switch, XStack, YStack } from "tamagui"
const BeackonAddress = () => {
const BeaconAddress = () => {
const [isBeaconSwitchOn, setIsBeaconSwitchOn] = useState(false)
const [inputAdress, setInputAdress] = useState('')
const [vcPort, setVcPort] = useState('')
@ -17,8 +17,8 @@ const BeackonAddress = () => {
<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'}>
@ -57,4 +57,4 @@ const BeackonAddress = () => {
)
}
export default BeackonAddress
export default BeaconAddress