From 31fe2440892bc0ba434e46ad995b537a9dd1aacb Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Wed, 30 Jul 2025 00:00:43 +0200
Subject: [PATCH] refactor: Adjust logo dimensions for improved responsiveness
 in Navbar and Login components

- Update logo sizes in Navbar.vue and Login.vue to enhance visual consistency and responsiveness across the application.
---
 src/components/layout/Navbar.vue |  2 +-
 src/pages/Login.vue              | 78 +++++++++-----------------------
 2 files changed, 22 insertions(+), 58 deletions(-)

diff --git a/src/components/layout/Navbar.vue b/src/components/layout/Navbar.vue
index a47f861..a5eed41 100644
--- a/src/components/layout/Navbar.vue
+++ b/src/components/layout/Navbar.vue
@@ -55,7 +55,7 @@ const handleLogout = async () => {
       <!-- Logo and Desktop Navigation -->
       <div class="flex items-center gap-6">
         <router-link to="/" class="flex items-center gap-2 text-foreground hover:text-foreground/90">
-          <img src="@/assets/logo.png" alt="Logo" class="h-8 w-8 sm:h-10 sm:w-10 md:h-12 md:w-12" />
+          <img src="@/assets/logo.png" alt="Logo" class="h-10 w-10 sm:h-12 sm:w-12 md:h-14 md:w-14" />
           <span class="font-semibold">{{ t('nav.title') }}</span>
         </router-link>
 
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index ccb76ac..8cd17a7 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -2,10 +2,10 @@
   <div class="container py-8 space-y-6">
     <div class="flex flex-col items-center justify-center min-h-[60vh] space-y-8">
       <!-- Welcome Section -->
-              <div class="text-center space-y-4">
-          <div class="flex justify-center">
-            <img src="@/assets/logo.png" alt="Logo" class="h-16 w-16 sm:h-24 sm:w-24 md:h-32 md:w-32 lg:h-36 lg:w-36" />
-          </div>
+      <div class="text-center space-y-4">
+        <div class="flex justify-center">
+          <img src="@/assets/logo.png" alt="Logo" class="h-36 w-36 sm:h-48 sm:w-48 md:h-60 md:w-60" />
+        </div>
         <h1 class="text-4xl font-bold tracking-tight">Welcome to the Virtual Realm</h1>
         <p class="text-xl text-muted-foreground max-w-md">
           Your secure platform for events and community management
@@ -23,37 +23,24 @@
         <CardContent class="space-y-4">
           <div class="space-y-2">
             <Label for="username">Username or Email</Label>
-            <Input
-              id="username"
-              v-model="loginForm.username"
-              placeholder="Enter your username or email"
-              @keydown.enter="handleLogin"
-            />
+            <Input id="username" v-model="loginForm.username" placeholder="Enter your username or email"
+              @keydown.enter="handleLogin" />
           </div>
           <div class="space-y-2">
             <Label for="password">Password</Label>
-            <Input
-              id="password"
-              type="password"
-              v-model="loginForm.password"
-              placeholder="Enter your password"
-              @keydown.enter="handleLogin"
-            />
+            <Input id="password" type="password" v-model="loginForm.password" placeholder="Enter your password"
+              @keydown.enter="handleLogin" />
           </div>
           <p v-if="error" class="text-sm text-destructive text-center">
             {{ error }}
           </p>
-          <Button 
-            @click="handleLogin" 
-            :disabled="isLoading || !canLogin"
-            class="w-full"
-          >
+          <Button @click="handleLogin" :disabled="isLoading || !canLogin" class="w-full">
             <span v-if="isLoading" class="animate-spin mr-2">⚡</span>
             Sign In
           </Button>
           <div class="text-center">
             <p class="text-sm text-muted-foreground">
-              Don't have an account? 
+              Don't have an account?
               <Button variant="link" @click="showRegister = true" class="p-0 h-auto">
                 Create one
               </Button>
@@ -73,57 +60,34 @@
         <CardContent class="space-y-4">
           <div class="space-y-2">
             <Label for="reg-username">Username</Label>
-            <Input
-              id="reg-username"
-              v-model="registerForm.username"
-              placeholder="Choose a username"
-              @keydown.enter="handleRegister"
-            />
+            <Input id="reg-username" v-model="registerForm.username" placeholder="Choose a username"
+              @keydown.enter="handleRegister" />
           </div>
           <div class="space-y-2">
             <Label for="reg-email">Email (optional)</Label>
-            <Input
-              id="reg-email"
-              type="email"
-              v-model="registerForm.email"
-              placeholder="Enter your email"
-              @keydown.enter="handleRegister"
-            />
+            <Input id="reg-email" type="email" v-model="registerForm.email" placeholder="Enter your email"
+              @keydown.enter="handleRegister" />
           </div>
           <div class="space-y-2">
             <Label for="reg-password">Password</Label>
-            <Input
-              id="reg-password"
-              type="password"
-              v-model="registerForm.password"
-              placeholder="Choose a password"
-              @keydown.enter="handleRegister"
-            />
+            <Input id="reg-password" type="password" v-model="registerForm.password" placeholder="Choose a password"
+              @keydown.enter="handleRegister" />
           </div>
           <div class="space-y-2">
             <Label for="reg-password-repeat">Confirm Password</Label>
-            <Input
-              id="reg-password-repeat"
-              type="password"
-              v-model="registerForm.password_repeat"
-              placeholder="Confirm your password"
-              @keydown.enter="handleRegister"
-            />
+            <Input id="reg-password-repeat" type="password" v-model="registerForm.password_repeat"
+              placeholder="Confirm your password" @keydown.enter="handleRegister" />
           </div>
           <p v-if="error" class="text-sm text-destructive text-center">
             {{ error }}
           </p>
-          <Button 
-            @click="handleRegister" 
-            :disabled="isLoading || !canRegister"
-            class="w-full"
-          >
+          <Button @click="handleRegister" :disabled="isLoading || !canRegister" class="w-full">
             <span v-if="isLoading" class="animate-spin mr-2">⚡</span>
             Create Account
           </Button>
           <div class="text-center">
             <p class="text-sm text-muted-foreground">
-              Already have an account? 
+              Already have an account?
               <Button variant="link" @click="showRegister = false" class="p-0 h-auto">
                 Sign in
               </Button>
@@ -220,4 +184,4 @@ async function handleRegister() {
     isLoading.value = false
   }
 }
-</script> 
+</script>