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

refactor: Update logo dimensions and enhance visual consistency in Navbar and Login components

Browse source 
- Replace logo image in Navbar.vue with a new asset and adjust dimensions for better responsiveness.
- Modify logo size in Login.vue to improve layout and maintain visual consistency across the application.
This commit is contained in:
padreug 2025-07-29 23:51:17 +02:00
parent 90c2b445bd
commit a461dd656e
2 changed files with 5 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -55,8 +55,7 @@ const handleLogout = async () => {
<!-- Logo and Desktop Navigation --> <!-- Logo and Desktop Navigation -->
<div class="flex items-center gap-6"> <div class="flex items-center gap-6">
<router-link to="/" class="flex items-center gap-2 text-foreground hover:text-foreground/90"> <router-link to="/" class="flex items-center gap-2 text-foreground hover:text-foreground/90">
<img src="@/assets/logo-72px.png" alt="Logo" class="h-14 -14" /> <img src="@/assets/logo.png" alt="Logo" class="h-8 w-8 sm:h-10 sm:w-10 md:h-12 md:w-12" />
<!-- srcset="@/assets/logo-24px.png 1x, @/assets/logo-48px.png 2x, @/assets/logo-72px.png 3x" -->
<span class="font-semibold">{{ t('nav.title') }}</span> <span class="font-semibold">{{ t('nav.title') }}</span>
</router-link> </router-link>

2
src/pages/Login.vue
View file

@ -4,7 +4,7 @@
<!-- Welcome Section --> <!-- Welcome Section -->
<div class="text-center space-y-4"> <div class="text-center space-y-4">
<div class="flex justify-center"> <div class="flex justify-center">
<img src="@/assets/logo.png" alt="Logo" class="h-36 w-36" /> <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>
<h1 class="text-4xl font-bold tracking-tight">Welcome to the Virtual Realm</h1> <h1 class="text-4xl font-bold tracking-tight">Welcome to the Virtual Realm</h1>
<p class="text-xl text-muted-foreground max-w-md"> <p class="text-xl text-muted-foreground max-w-md">