<script setup lang="ts">
    import LoginConnectionPanel from 'src/modules/auth/components/login-connection-panel.vue';
    import LoginDevBypass from 'src/modules/auth/components/login-dev-bypass.vue';
</script>

<template>
    <q-layout view="hHh lpR fFf">
        <q-page-container class="bg-dark">
            <q-img src="src/assets/village.png" fit="cover" position="50% 100%" class="absolute-full" />
            <q-page class="flex flex-center">
                <transition appear slow enter-active-class="animated zoomIn" leave-active-class="animated zoomOut">
                    <LoginConnectionPanel />
                </transition>

                <!-- DEV TOOLS -->
                <LoginDevBypass />
            </q-page>
        </q-page-container>
    </q-layout>
</template>