<template>
    <QLayout
        id="bg"
        class="fullscreen row justify-center items-center layout-view scroll"
    >
        <QPageContainer class="column q-pa-md row items-center justify-center">
            <router-view v-slot="{ Component }">
                <transition>
                    <component :is="Component" />
                </transition>
            </router-view>
        </QPageContainer>
    </QLayout>
</template>

<style lang="scss" scoped>
#bg {
    background: white;
}
.column {
    width: 270px;
    overflow: hidden;

    & > * {
        width: 100%;
    }
}
</style>

<script>
export default {
    name: 'LoginLayout'
};
</script>
