<template>
  <div class="admin-layout">
    <AdminSidebar />
    <main class="admin-main">
      <slot />
    </main>
  </div>
</template>

<style scoped>
.admin-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  min-height: 100dvh;
}

.admin-main {
  padding: 2rem;
  overflow-y: auto;
  max-height: 100dvh;
}

@media (max-width: 768px) {
  .admin-layout {
    grid-template-columns: 1fr;
  }
}
</style>
