@ccs-design/rc-pro/lib/CcsDrawerTabs/index.less

ccs design basic react component

.ccs-drawer-tabs {
  display: flex;
  flex-direction: column;

  .ant-tabs {
    height: 100%;
  }

  .ant-tabs-nav {
    flex-shrink: 0;
    margin: 0;
  }

  .ant-tabs-content-holder {
    flex-grow: 1;
    overflow-y: auto;
  }

  &-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    & > .ant-tabs-top > .ant-tabs-nav::before {
      border: 0;
    }
  }

  &-content {
    flex-grow: 1;
    padding: 16px;
    overflow-y: auto;
  }

  &-buttons {
    z-index: 99;
    flex: 0 0 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #fff;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.05);
    opacity: 1;
  }
}

.dark-theme {
  .ccs-drawer {
    &-buttons {
      background: #1f1f1f;
      box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.6);
    }
  }
}