34 lines
1.1 KiB
Vue
34 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { LayoutGrid } from 'lucide-vue-next'
|
|
import LoginForm from '@/components/LoginForm.vue'
|
|
</script>
|
|
|
|
<template>
|
|
<div class="grid min-h-svh lg:grid-cols-2">
|
|
<div class="flex flex-col gap-4 p-6 md:p-10">
|
|
<div class="flex justify-center gap-2 md:justify-start">
|
|
<NuxtLink to="/" class="flex items-center gap-2 font-medium">
|
|
<div
|
|
class="bg-primary text-primary-foreground flex size-6 items-center justify-center rounded-md"
|
|
>
|
|
<LayoutGrid class="size-4" />
|
|
</div>
|
|
Neo Platform
|
|
</NuxtLink>
|
|
</div>
|
|
<div class="flex flex-1 items-center justify-center">
|
|
<div class="w-full max-w-xs">
|
|
<LoginForm />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-muted relative hidden lg:block">
|
|
<img
|
|
src="https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=1200&auto=format&fit=crop&q=80"
|
|
alt="Login cover"
|
|
class="absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|