Garage181/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

temp

Browse Source
This commit is contained in:
NaggaDIM
2025-01-02 00:05:09 +03:00
parent 2d071320a3
commit 277a5d5a31
16 changed files with 297 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
resources/js/Layouts/GuestLayout.vue
View File

@@ -1,22 +1,86 @@
<script setup>
import ApplicationLogo from '@/Components/ApplicationLogo.vue';
import { Link } from '@inertiajs/vue3';
import {Link} from '@inertiajs/vue3';
</script>
<template>
<div
class="flex min-h-screen flex-col items-center bg-gray-100 pt-6 sm:justify-center sm:pt-0 dark:bg-gray-900"
>
<div>
<Link href="/">
<ApplicationLogo class="h-20 w-20 fill-current text-gray-500" />
</Link>
</div>
<div class="bg-gray-50 text-black/50 dark:bg-black dark:text-white/50">
<div
class="mt-6 w-full overflow-hidden bg-white px-6 py-4 shadow-md sm:max-w-md sm:rounded-lg dark:bg-gray-800"
class="relative flex min-h-screen flex-col items-center justify-center selection:bg-[#FF2D20] selection:text-white"
>
<slot />
<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 class="-mx-3 flex flex-1 justify-end">
<Link
:href="route('index')"
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="$page.props.auth.user"
:href="route('logout')"
method="post"
as="button"
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
v-if="$page.props.canLogin"
: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="$page.props.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 flex flex-col justify-center items-center">
<span class="w-full text-center font-bold text-6xl leading-tight">
Гараж 181
</span>
<div class="w-full sm:max-w-md sm:rounded-lg">
<slot/>
</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>
<!--<template>-->
<!-- <div-->
<!-- class="flex min-h-screen flex-col items-center bg-gray-100 pt-6 sm:justify-center sm:pt-0 dark:bg-gray-900"-->
<!-- >-->
<!-- <div>-->
<!-- <Link href="/">-->
<!-- <ApplicationLogo class="h-20 w-20 fill-current text-gray-500" />-->
<!-- </Link>-->
<!-- </div>-->
<!-- <div-->
<!-- class="mt-6 w-full overflow-hidden bg-white px-6 py-4 shadow-md sm:max-w-md sm:rounded-lg dark:bg-gray-800"-->
<!-- >-->
<!-- <slot />-->
<!-- </div>-->
<!-- </div>-->
<!--</template>-->