<template>
  <div class="login-page flex flex-center flex-col content-center justify-center w-full h-full flex-grow">
    <div class="login-center p-6 rounded-xl shadow-2xl">
      <LoginCard class="pt-8"></LoginCard>
      <FooterInfo class="pt-8 w-full"></FooterInfo>
    </div>
  </div>
</template>

<script setup>
import LoginCard from "pages/index/LoginCard.vue";
import FooterInfo from "pages/index/FooterInfo.vue";
</script>

<style lang="sass" scoped>
.login-page
  background-image: url("https://oss-img.ciduid.top/static/rdrev/img/77491171_p0.jpg")
  background-position: center center
  background-repeat: no-repeat
  background-attachment: fixed
  background-size: cover

.login-center
  background-color: rgba(255, 255, 255, 0.7)
</style>
