Fixed mobile auth ui
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user