More things

frontend/app/components/layouts/AdminLayout.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import AdminSidebar from '~/components/parts/AdminSidebar.vue';
+</script>
+
+<template>
+  <div class="admin-shell">
+    <AdminSidebar />
+    <main class="admin-main">
+      <slot />
+    </main>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.admin-shell {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  display: flex;
+  background: var(--color-background);
+}
+
+.admin-main {
+  flex: 1;
+  min-width: 0;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.admin-main :slotted(*) {
+  flex: 1;
+}
+
+@media screen and (max-width: 900px) {
+  .admin-shell {
+    flex-direction: column;
+  }
+}
+</style>