Fixed mobile auth ui

This commit is contained in:
2025-10-31 15:22:44 +01:00
parent f123adb15f
commit 8a47bf52f2
+5 -5
View File
@@ -12,19 +12,19 @@ export default function Auth() {
const tab = pt === "create" || pt === "login" ? pt : "create"; const tab = pt === "create" || pt === "login" ? pt : "create";
return ( return (
<div className="h-screen flex items-center"> <div className="h-svh w-svw flex items-center">
<Tabs defaultValue={tab} className="mx-auto"> <Tabs defaultValue={tab} className="mx-auto">
<TabsList className="mx-auto"> <TabsList className="mx-auto">
<TabsTrigger value="login">Login</TabsTrigger> <TabsTrigger value="login">Login</TabsTrigger>
<TabsTrigger value="create">Create Account</TabsTrigger> <TabsTrigger value="create">Create Account</TabsTrigger>
</TabsList> </TabsList>
<TabsContent value="login"> <TabsContent value="login" className="w-svw p-5 md:p-0 md:w-max">
<Card className="w-md"> <Card className="w-full md:w-md">
<Login /> <Login />
</Card> </Card>
</TabsContent> </TabsContent>
<TabsContent value="create"> <TabsContent value="create" className="w-svw p-5 md:p-0 md:w-max">
<Card className="w-md"> <Card className="w-full md:w-md">
<CreateAccount /> <CreateAccount />
</Card> </Card>
</TabsContent> </TabsContent>