<template>
    <div class="default-layout flex-col">
        <ls-header></ls-header>
        <main-nav />
        <main class="content-container wrapper1180 flex flex-1">
            <div class="content bg-white flex-1">
                <nuxt />
            </div>
        </main>
        <ls-footer></ls-footer>
    </div>
</template>
<script>
import LsHeader from "~/components/layout/header";
import LsFooter from "~/components/layout/footer";
import MainNav from '~/components/layout/main-nav'
export default {
    components: {
        LsHeader,
        LsFooter,
        MainNav
    },
};
</script>
<style scoped>
.default-layout {
    min-height: 100vh;
}
.content-container {
    padding: 24px 0;
    align-items: flex-start;
}
.content-container > .content {
    min-height: 680px;
}
</style>
