39 lines
2.2 KiB
Vue
39 lines
2.2 KiB
Vue
<script setup>
|
|
import ApplicationLogo from '@/Components/ApplicationLogo.vue';
|
|
import { Link } from '@inertiajs/vue3';
|
|
import EnvironmentBanner from '@/Components/EnvironmentBanner.vue';
|
|
</script>
|
|
|
|
<template>
|
|
<EnvironmentBanner />
|
|
<div class="flex min-h-screen flex-col items-center justify-center bg-neutral pt-6 sm:pt-0 font-sans text-anthracite selection:bg-highlight selection:text-anthracite">
|
|
|
|
<div class="w-full max-w-md px-6">
|
|
<!-- 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>
|
|
<span class="text-xs font-subtitle uppercase tracking-[0.2em] text-anthracite/50 font-bold mt-1">Espace sécurisé</span>
|
|
</Link>
|
|
</div>
|
|
|
|
<!-- Content Card -->
|
|
<div class="w-full overflow-hidden bg-white px-8 py-10 shadow-xl shadow-anthracite/5 rounded-3xl border border-anthracite/5">
|
|
<slot />
|
|
</div>
|
|
|
|
<!-- Footer Footer -->
|
|
<div class="mt-8 text-center">
|
|
<Link href="/" class="text-primary hover:text-highlight transition-colors text-sm font-subtitle font-bold">
|
|
← Retour à l'accueil
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|