I think this will do it

plus adding padding
This commit is contained in:
Violet Caulfield
2024-10-18 19:22:16 -05:00
parent 259cc1f816
commit 6e317d9f9a

View File

@@ -54,20 +54,26 @@ export default function ServerAddress(): React.JSX.Element {
return (
<View flex={1} justifyContent='center'>
<Paragraph fontSize={20} fontWeight={800}>Connect to Jellyfin</Paragraph>
<Paragraph
paddingVertical={30}
fontSize={20}
fontWeight={800}>
Connect to Jellyfin
</Paragraph>
<XStack>
<SwitchWithLabel
checked={useHttps}
onCheckedChange={(checked) => setUseHttps(checked)}
label="HTTPS"
size="$2"
width={100} />
width={150} />
<Input
flexGrow={1}
placeholder="jellyfin.org"
onChangeText={setServerAddress} />
</XStack>
<Button
paddingVertical={30}
onPress={() => {
useServerMutation.mutate(`${useHttps ? "https" : "http"}://${serverAddress}`);
}}>