alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-06-18 03:40:23 +01:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

fix: login design

Browse Source
This commit is contained in:
Fredrik Burmester
2024-12-22 11:33:15 +01:00
parent 9b18188b32
commit 030947fc38
1 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/login.tsx
View File

@@ -198,8 +198,15 @@ const Login: React.FC = () => {
<View className="px-4 -mt-20 w-full"> <View className="px-4 -mt-20 w-full">
<View className="flex flex-col space-y-2"> <View className="flex flex-col space-y-2">
<Text className="text-2xl font-bold -mb-2"> <Text className="text-2xl font-bold -mb-2">
Log in to{" "} Log in
<Text className="text-purple-600">{serverName}</Text> <>
{serverName ? (
<>
{" to "}
<Text className="text-purple-600">{serverName}</Text>
</>
) : null}
</>
</Text> </Text>
<Text className="text-xs text-neutral-400">{serverURL}</Text> <Text className="text-xs text-neutral-400">{serverURL}</Text>
<Input <Input
@@ -275,7 +282,7 @@ const Login: React.FC = () => {
/> />
<Text className="text-3xl font-bold">Streamyfin</Text> <Text className="text-3xl font-bold">Streamyfin</Text>
<Text className="text-neutral-500"> <Text className="text-neutral-500">
Connect to your Jellyfin server Enter the URL to your Jellyfin server
</Text> </Text>
<Input <Input
placeholder="Server URL" placeholder="Server URL"
@@ -287,6 +294,9 @@ const Login: React.FC = () => {
textContentType="URL" textContentType="URL"
maxLength={500} maxLength={500}
/> />
<Text className="text-xs text-neutral-500">
Make sure to include http or https
</Text>
</View> </View>
<View className="mb-2 absolute bottom-0 left-0 w-full px-4"> <View className="mb-2 absolute bottom-0 left-0 w-full px-4">
<Button <Button