<script setup lang="ts">
import UserAction from '@/components/admin/UserAction.vue'
import { useHead } from '@unhead/vue'

useHead({
  title: '首页',
})
</script>

<template>
  <div class="welcome-page">
    <n-flex>
      <n-card class="welcome-card" title="Welcome to Welcome!"></n-card>
      <div class="user-action-card">
        <user-action />
      </div>
    </n-flex>
  </div>
</template>

<style scoped>
div.welcome-page {
  min-width: min(1200px, 90%);
  width: min(1200px, 90%);
  min-height: 0;
  padding: 6px 20px;
  display: flex;
  flex-direction: column;
}

.welcome-card {
  flex: 1;
}

div.user-action-card {
  flex: 0;
  flex-basis: 350px;
}
</style>
