# All files / js/layouts/auth AuthCardLayout.vue

0% Statements 0/12
100% Branches 0/0
0% Functions 0/6
0% Lines 0/10

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55

     <script setup lang="ts">
    import AppLogoIcon from '@/components/AppLogoIcon.vue';
    import Footer from '@/components/Footer.vue';
    import {
        Card,
        CardContent,
        CardDescription,
        CardHeader,
        CardTitle,
    } from '@/components/ui/card';
    import { home } from '@/routes';
    import { Link } from '@inertiajs/vue3';

    defineProps<{
        title?: string;
        description?: string;
    }>();
    </script>

    <template>
        <div class="flex min-h-svh flex-col">
            <div
                class="flex flex-1 items-center justify-center gap-6 bg-muted p-6 md:p-10"
            >
                <div class="flex w-full max-w-md flex-col gap-6">
                    <Link
                        :href="home()"
                        class="flex items-center gap-2 self-center font-medium"
                    >
                        <div class="flex h-9 w-9 items-center justify-center">
                            <AppLogoIcon
                                class="size-9 fill-current text-black dark:text-white"
                            />
                        </div>
                    </Link>

                    <div class="flex flex-col gap-6">
                        <Card class="rounded-xl">
                            <CardHeader class="px-10 pt-8 pb-0 text-center">
                                <CardTitle class="text-xl">{{ title }}</CardTitle>
                                <CardDescription>
                                    {{ description }}
                                </CardDescription>
                            </CardHeader>
                            <CardContent class="px-10 py-8">
                                <slot />
                            </CardContent>
                        </Card>
                    </div>
                </div>
            </div>
            <Footer />
        </div>
    </template>