update: TODO#133824 企業識別Logo調整(css)

Mila

2022-01-10 0e660d6d309bf50b0ef04b79a9cdefd69c2b79ef

 PAMapp/components/NavBar.vue

@@ -34,17 +34,21 @@
<script lang="ts">
  import { Vue, Component } from 'vue-property-decorator';
  import { namespace } from 'nuxt-property-decorator';
  import { Role } from '~/assets/ts/models/enum/role';
  import { Role } from '~/shared/models/enum/Role';
  import * as _ from 'lodash';

  const roleStorage = namespace('localStorage');
  @Component
  export default class NavBar extends Vue {
    @roleStorage.Mutation storageClear!: () => void;

    @roleStorage.Getter idToken!: string | null;
    @roleStorage.Getter currentRole!: string | null;
    @roleStorage.Getter consultantId!: string | null;

    @roleStorage.Mutation storageClear!: () => void;

    isOpenDropdown = false;
    login_role     = Role.NOT_LOGIN;

    navBarList = [{
        authorityOfRoleList: [Role.NOT_LOGIN],
@@ -92,12 +96,8 @@
        title: '顧問登入',
      },
    ];
    login_role = Role.NOT_LOGIN;
    isOpenDropdown = false;

    get loginRole(): Role {
      return this.idToken && this.currentRole ? (this.currentRole as Role): Role.NOT_LOGIN;
    }
    //////////////////////////////////////////////////////////////////////

    routerNavigateTo(url: string): void {
      (this.$refs.dropdown as any).hide();
@@ -115,6 +115,11 @@
      this.storageClear();
      _.isEqual(this.$route.name, 'index') ? location.reload() : this.$router.push('/');
    }

    get loginRole(): Role {
      return this.idToken && this.currentRole ? (this.currentRole as Role): Role.NOT_LOGIN;
    }

  }

</script>
@@ -205,11 +210,11 @@
      height: $DESKTOP_NAV_BAR;

      .pam-header__logo {
        width: 180px;
        height: 100%;
        width: 160px;
        height: 70px;
        margin: 0;
        background-image: url('~/assets/images/logo.png');
        background-size: cover;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
      }