67 lines
2.8 KiB
Vue
67 lines
2.8 KiB
Vue
<script setup>
|
||
import { Head, Link } from '@inertiajs/vue3';
|
||
|
||
defineProps({
|
||
canLogin: {
|
||
type: Boolean,
|
||
},
|
||
canRegister: {
|
||
type: Boolean,
|
||
},
|
||
});
|
||
</script>
|
||
|
||
<template>
|
||
<Head title="Welcome" />
|
||
<div class="bg-gray-50 text-black/50 dark:bg-black dark:text-white/50">
|
||
<div
|
||
class="relative flex min-h-screen flex-col items-center justify-center selection:bg-[#FF2D20] selection:text-white"
|
||
>
|
||
<div class="relative flex-1 w-full max-w-2xl px-6 lg:max-w-7xl flex flex-col justify-start">
|
||
<header
|
||
class="flex justify-end py-4"
|
||
>
|
||
<nav v-if="canLogin" class="-mx-3 flex flex-1 justify-end">
|
||
<Link
|
||
v-if="$page.props.auth.user"
|
||
:href="route('dashboard')"
|
||
class="rounded-md px-3 py-2 text-black ring-1 ring-transparent transition hover:text-black/70 focus:outline-none focus-visible:ring-[#FF2D20] dark:text-white dark:hover:text-white/80 dark:focus-visible:ring-white"
|
||
>
|
||
Панель управления
|
||
</Link>
|
||
|
||
<template v-else>
|
||
<Link
|
||
:href="route('login')"
|
||
class="rounded-md px-3 py-2 text-black ring-1 ring-transparent transition hover:text-black/70 focus:outline-none focus-visible:ring-[#FF2D20] dark:text-white dark:hover:text-white/80 dark:focus-visible:ring-white"
|
||
>
|
||
Вход
|
||
</Link>
|
||
|
||
<Link
|
||
v-if="canRegister"
|
||
:href="route('register')"
|
||
class="rounded-md px-3 py-2 text-black ring-1 ring-transparent transition hover:text-black/70 focus:outline-none focus-visible:ring-[#FF2D20] dark:text-white dark:hover:text-white/80 dark:focus-visible:ring-white"
|
||
>
|
||
Регистрация
|
||
</Link>
|
||
</template>
|
||
</nav>
|
||
</header>
|
||
|
||
<main class="mt-6 flex-1">
|
||
<div class="flex flex-col">
|
||
<span class="w-full text-center font-bold text-6xl leading-tight">
|
||
Гараж 181
|
||
</span>
|
||
</div>
|
||
</main>
|
||
|
||
<footer class="py-4 text-center text-sm text-black dark:text-white/70">
|
||
Developed by NaggaDIM (Copyright ©️ 2024 - {{ $page.props.currentYear ?? 2024 }})
|
||
</footer>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|