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

import BaseHeader from "~/components/baseHeader.vue";
</script>

<template>
  <BaseHeader />
  <div class="content-bg">
    <div class="content-container">
      <div class="content">
        <slot />
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.content-container {
  max-width: 1224px;
  margin: 0 auto;
  min-height: 100dvh;
}

.content-bg {
  background: #F4F6FB;
  padding-block: 48px;
  padding-inline: 36px;
}

@media screen and (max-width: 768px) {
  .content-bg {
    background: #F4F6FB;
    padding-block: 32px;
    padding-inline: 16px;
  }
}
</style>
