[ Update ] : 1.nav bar 下拉選單UI 微調，將localStorage存入store 監聽角色來去改變下拉選單對應項目 2. ...

劉鈞霖

2021-11-19 338b53c9ed0571319a397873b409f45cb8e4202f

 PAMapp/assets/scss/vendors/elementUI/_dropdown.scss

@@ -1,21 +1,32 @@
.pam-header__dropdown {
.el-dropdown-menu.pam-header__dropdown {
  top:39px !important;
  border-radius: 10px;
  box-shadow: 0 3px 6px $LIGHT_GREY;
  padding: 5px 26px 5px 20px;
  .pam-header__dropdown-item {
  .el-dropdown-menu__item{
    width: max-content;
    margin:15px 0px;
    cursor: pointer;
    color: $PRIMARY_BLACK;
    background-color: $PRIMARY_WHITE;
    &.pam-header__dropdown-divider {
      padding-top: 16px;
      width: calc(100% + 6px);
      border-top: 1px solid #CCCCCC;
    }
    &:first-child{
      padding-top: 0px;
    }
    &:focus {
      color: $PRIMARY_BLACK;
      background-color: $PRIMARY_WHITE;
    }
    &:not(.is-disabled):hover{
      color: $PRIMARY_BLACK;
      background-color: $PRIMARY_WHITE;
    }
  }
  .pam-header__dropdown-divider {
    padding-top: 16px;
    width: calc(100% + 6px);
    border-top: 1px solid #CCCCCC;
  }
  
  .popper__arrow {
    display: none;
    &::after {
@@ -24,7 +35,7 @@
  }
}
@include desktop{
  .pam-header__dropdown {
  .el-dropdown-menu.pam-header__dropdown {
    top: 78px !important;
  }
}