Style beaconAddress Switch and Switch thumb
This commit is contained in:
parent
efa356cbdc
commit
9a03385180
|
@ -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
|
Loading…
Reference in New Issue