padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: Adjust logo dimensions for improved responsiveness in Navbar and Login components

Browse source 
- Update logo sizes in Navbar.vue and Login.vue to enhance visual consistency and responsiveness across the application.
This commit is contained in:
padreug 2025-07-30 00:00:43 +02:00
parent a461dd656e
commit 31fe244089
2 changed files with 22 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/layout/Navbar.vue
View file

@ -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>

72
src/pages/Login.vue
View file

@ -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,31 +23,18 @@
<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>
@ -73,51 +60,28 @@
<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>