<script setup>
import { darkTheme } from 'naive-ui'

const log = inject('log')
const log_ele = inject('log_ele')
</script>

<template>
  <n-config-provider :theme="darkTheme" class="provider">
    <n-card class="full" ref="log_ele" content-style="height: 100%">
      <n-log :log="log" class="full" />
    </n-card>
  </n-config-provider>
</template>

<style scoped>
.provider {
  flex-grow: 1;
  overflow: hidden;
}

.full {
  height: 100% !important;
  box-sizing: border-box;
}
</style>
