App.vue 514 Bytes

Edit Raw Blame History

<script setup>
import { ToastHost } from '@drama/ui'
</script>

<template>
  <main class="voko-shell">
    <router-view />
    <ToastHost />
  </main>
</template>

<style>
body {
  margin: 0;
  background: var(--drama-color-bg);
  color: var(--drama-color-text);
}
.voko-shell {
  max-width: 1040px;
  margin: 0 auto;
  padding: var(--drama-space-xl) var(--drama-space-md);
}
.voko-field {
  display: flex;
  flex-direction: column;
  gap: var(--drama-space-sm);
  margin-bottom: var(--drama-space-md);
}
</style>