<template>
  <div id="app">
    <router-view />
    <theme-picker />
  </div>
</template>

<script>
import ThemePicker from "@/components/ThemePicker";

export default {
  name: "App",
  components: { ThemePicker },
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    }
};
</script>
<style lang="scss">
*{
  font-size: 14px;
  /* direction: none; */
  list-style-type: none;
}
.el-container{
  height: 100% !important;
  flex-direction: column;
}
.el-header{
  height: auto !important;
  min-height: 60px !important;
}
.el-main{
  overflow: auto !important;
  padding: 10px;
}
#app .theme-picker {
  display: none;
}
.headerTop{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.vue-treeselect {

    .vue-treeselect__placeholder {
        line-height: 28px;

    }
    .vue-treeselect__control {
        font-size: 14px !important;
        font-weight: 400;
        height: 28px !important;
        border: 1px solid #dadde6;
      background: #152b3e;
      color: #c7cbd2;

        .vue-treeselect__single-value {
            padding: 5px;
            color: #00def0;
            line-height: 28px;
        }
        .vue-treeselect__placeholder {
          padding: 5px;
            line-height: 28px;
        }
        .vue-treeselect__input {
            vertical-align: middle;
        }
        input::-webkit-input-placeholder {
            color: #c7cbd2;
        }
    }
}
.vue-treeselect__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    padding-left: 5px;
    max-width: 100%;
    vertical-align: middle;
    cursor: inherit;
    font-size: 14px;
    color: #606266;
    font-weight: 400;
}
/* 分页的颜色 */
.el-pagination span:not([class*=suffix]), .el-pagination button {
  color: #00def0;
}
</style>
