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

<template>
    <q-layout view="hHh lpR fFf">
        <q-page-container class="bg-secondary">
            <q-page class="row">
                <q-img src="src/assets/village.png" fit="cover" :class="$q.screen.lt.md ? 'absolute-bottom' : 'absolute-right'" />
                <transition appear slow enter-active-class="animated zoomIn" leave-active-class="animated zoomOut" class="col-xs-10 absolute-center">
                    <div class="col-sm-10 col-md-auto">
                        <LoginConnectionPanel />
                    </div>
                </transition>
            </q-page>
        </q-page-container>
    </q-layout>
</template>