update login width and make button full width

sk337 · Jan 23, 2024 · 11796f3 · 11796f3
1 parent fe067ae
commit 11796f3
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -83,17 +83,19 @@ export default function App() {
   if (isLogin == false) {
     return (
       <main className="flex flex-col items-center justify-center">
-        <div className="flex flex-wrap items-center justify-center w-3/5 mt-10">
+        <div className="flex flex-wrap items-center justify-center w-2/5 mt-10">
           <Alert id="error" className="bg-red-500 hidden">
             <AlertTitle>Error</AlertTitle>
             <hr className="text-white" />
             <AlertDescription id="desc">
               Invalid Username or Password
             </AlertDescription>
           </Alert>
-          <Card>
+          <Card className="w-full">
             <CardHeader>
-              <CardTitle>Login With Swordbattle</CardTitle>
+              <CardTitle className=" text-center">
+                Login With Swordbattle
+              </CardTitle>
             </CardHeader>
             <CardContent>
               <Input id="username" placeholder="Username"></Input>