<template>
  <div c-c f style="height: calc(100vh - 66px - 20px)">
    <n-spin :delay="1000" :show="false">
      <n-card
        :segmented="{
          content: true,
          footer: 'soft',
        }"
        :title="t('view.login.title')"
        style="width: 430px">
        <n-form border label-align="right" label-placement="left" label-width="auto">
          <n-form-item :label="t('view.login.username')">
            <n-input />
          </n-form-item>
          <n-form-item :label="t('view.login.password')">
            <n-input />
          </n-form-item>
        </n-form>
        <n-button block secondary strong type="primary">{{ t('view.login.title') }}</n-button>
      </n-card>
    </n-spin>
  </div>
</template>
<script lang="ts" setup>
import { t } from '@/plugin';
</script>
<style scoped></style>
