<!--
 * @Description: 
 * @Author: zenghua.wang
 * @Date: 2023-06-20 14:29:45
 * @LastEditors: zenghua.wang
 * @LastEditTime: 2025-02-13 16:04:43
-->
<template>
  <div class="logo">
    <!-- <img src="/images/logo.png" class="logo-picture" /> -->
    <h2 v-show="!isCollapse" class="logo-title">{{ VITE_APP_TITLE }}</h2>
  </div>
</template>

<script setup name="logo">
defineProps({
  isCollapse: {
    type: Boolean,
    default: false,
  },
});

const { VITE_APP_TITLE } = import.meta.env;
</script>

<style lang="scss" scoped>
.logo {
  overflow: hidden;
  @include flex-row();
  align-items: center;
  padding: 7px 5px;
  margin-bottom: 2px;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  transition: all 0.28s;
  justify-content: center;

  &-picture {
    width: 70px;
    height: 35px;
    margin: 0 auto;
  }

  &-title {
    height: 35px;
    line-height: 35px;
    color: $color-primary;
  }
}
</style>
