<script lang="ts" setup></script>

<template>
    <div class="app-layout">
        <div class="app-layout-body">
            <div class="app-content">
                <slot />
            </div>
        </div>
    </div>
</template>

<style lang="scss" scoped>
.app-layout {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.app-layout-body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.app-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}
</style>
