@jecloud/ui/es/icon/style/index.less

JECloud UI库，基于ant-design-vue封装

  
@import '../../modal/style/index.less';
@import '../../panel/style/index.less';
@import '../../pager/style/index.less';
@import '../../toolbar/style/index.less';

  .je-icon-panel {
    padding: 0;
    overflow: auto;
    & &-header {
      background-color: @component-background;
      box-shadow: 2px 2px 10px @border-color-split;
      :deep(.ant-btn > i + span, .ant-btn > span + i, ) {
        margin-left: 8px;
      }
    }
    & &-menu{
      padding:0 10px;
      .ant-tabs-nav{
        margin:0;
        &::before{
          display: none;
        }
      }
    }
    & &-icons {
      text-align: center;
      padding: 12px;
      i {
        font-size: 36px;
        cursor: pointer;
        &:hover{
          color:@primary-color;
        }
      }
      .name {
        font-size: 14px;
        padding-top: 10px;
      }
      .cls {
        font-size: 12px;
        color: #aaa;
        visibility: hidden;
      }
      &:hover .cls {
        visibility: visible;
      }
    }
    &.size--small{
      .je-icon-panel-icons {
        padding: 12px;
        i {
          font-size: 30px;
        }
        .name {
          font-size: 12px;
          padding-top: 5px;
        }
        .name,
        .cls {
          overflow:hidden;
          text-overflow:ellipsis;
          white-space:nowrap
        }
      }
    }
    & &-actions{
      .action{
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        cursor: pointer;
        
      }
    }
  }

  .je-input-icon{
    .icon-button{
      color: @text-color-secondary;
      cursor: pointer;
      transition: all 0.3s;
      &:hover {
        color: @input-icon-hover-color;
      }
    }
    .icon-value{
      color: @text-color-secondary;
    }
  }