From 8a47bf52f2070384df5d34ffa6b715c4ab8d417f Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Fri, 31 Oct 2025 15:22:44 +0100
Subject: [PATCH] Fixed mobile auth ui

---
 src/app/auth/page.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
index 36f5152..3eab847 100644
--- a/src/app/auth/page.tsx
+++ b/src/app/auth/page.tsx
@@ -12,19 +12,19 @@ export default function Auth() {
   const tab = pt === "create" || pt === "login" ? pt : "create";
 
   return (
-    <div className="h-screen flex items-center">
+    <div className="h-svh w-svw flex items-center">
       <Tabs defaultValue={tab} className="mx-auto">
         <TabsList className="mx-auto">
           <TabsTrigger value="login">Login</TabsTrigger>
           <TabsTrigger value="create">Create Account</TabsTrigger>
         </TabsList>
-        <TabsContent value="login">
-          <Card className="w-md">
+        <TabsContent value="login" className="w-svw p-5 md:p-0 md:w-max">
+          <Card className="w-full md:w-md">
             <Login />
           </Card>
         </TabsContent>
-        <TabsContent value="create">
-          <Card className="w-md">
+        <TabsContent value="create" className="w-svw p-5 md:p-0 md:w-max">
+          <Card className="w-full md:w-md">
             <CreateAccount />
           </Card>
         </TabsContent>