feat: localize errors, translate profile, refine jobs UI

This commit is contained in:
jeremy bayse
2026-05-08 12:20:30 +02:00
parent fd4a39a703
commit 7c01803f46
29 changed files with 3633 additions and 104 deletions

View File

@@ -109,17 +109,9 @@ const isActive = (item) => {
<!-- Logo -->
<div class="h-[60px] flex items-center border-b border-white/[0.07] px-4 shrink-0">
<Link :href="route('dashboard')" class="flex items-center gap-3 overflow-hidden">
<!-- Icône -->
<div class="w-[30px] h-[30px] bg-highlight rounded-lg flex items-center justify-center shrink-0 shadow-gold">
<svg class="w-4 h-4 text-highlight-dark" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
</div>
<!-- Wordmark -->
<Transition name="fade">
<span v-if="isSidebarOpen" class="font-serif font-black text-[17px] text-white tracking-tight whitespace-nowrap">
RECRU<span class="text-highlight italic">IT</span>
</span>
<img v-if="isSidebarOpen" src="/images/logo.png" alt="Logo" class="h-8 object-contain" />
<img v-else src="/images/logo.png" alt="Logo" class="h-6 object-contain" />
</Transition>
</Link>
</div>

View File

@@ -21,16 +21,7 @@ const page = usePage();
<!-- Left side: Logo -->
<div class="flex items-center">
<Link :href="route('dashboard')" class="flex items-center gap-3">
<!-- Logo Icon -->
<div class="w-[34px] h-[34px] bg-highlight rounded-xl flex items-center justify-center shrink-0 shadow-gold hover:-translate-y-0.5 transition-transform duration-200">
<svg class="w-4 h-4 text-highlight-dark" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
</div>
<!-- Wordmark -->
<span class="font-serif font-black text-xl text-primary tracking-tight whitespace-nowrap">
RECRU<span class="text-highlight italic">IT</span>
</span>
<img src="/images/logo.png" alt="Logo" class="h-8 object-contain" />
</Link>
</div>

View File

@@ -12,12 +12,7 @@ import EnvironmentBanner from '@/Components/EnvironmentBanner.vue';
<!-- Header and Logo -->
<div class="mb-8 flex flex-col justify-center items-center gap-4">
<Link href="/" class="flex flex-col items-center gap-3 group">
<div class="w-16 h-16 bg-primary rounded-xl flex items-center justify-center shadow-lg shadow-primary/30 group-hover:-translate-y-1 transition-all duration-300">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9l-.707.707M12 18v3m4.95-4.95l.707.707M12 3c-4.418 0-8 3.582-8 8 0 2.209.895 4.209 2.343 5.657L12 21l5.657-5.343A7.994 7.994 0 0020 11c0-4.418-3.582-8-8-8z" />
</svg>
</div>
<span class="text-3xl font-serif font-black tracking-tight text-primary">RECRU<span class="text-accent italic px-1">IT</span></span>
<img src="/images/logo.png" alt="Logo" class="h-16 object-contain group-hover:-translate-y-1 transition-all duration-300" />
<span class="text-xs font-subtitle uppercase tracking-[0.2em] text-anthracite/50 font-bold mt-1">Espace sécurisé</span>
</Link>
</div>