DDAC/app/layouts/web.vue

<template>
  <div class="web-layout">
    <Header />
    <main class="web-layout-main">
      <slot />
    </main>
    <Footer />
  </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
.web-layout {
  width: 100%;
  min-height: 100vh;
  background-color: #030014;
  display: flex;
  flex-direction: column;
}

.web-layout-main {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
</style>