<template>
  <div class="header">
    <div class="logo"></div>
    <a class="appname" href="/planner">BDLG planner</a>
  </div>
  <div class="container">
    <login class="login-box" />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import login from "./views/Login.vue";

export default defineComponent({
  components: { login },
});
</script>
<style>
.container {
  margin-top: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.login-box {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  padding: 8px 32px 16px;
  min-width: 420px;
}
</style>
