seehoo-design-plus/src/styles/sh/search.less

An UI components for Seehoo Vuejs.3

@sh-search-prefix-cls: ~'@{sh-css-prefix}search';

.@{sh-search-prefix-cls} {
  display: flex;
  background: @white;
  padding: 24px @padding-lg;

  .ivu-row {
    margin-top: -24px;
  }

  .ivu-col {
    margin-top: 24px;
    .ivu-form-item {
      margin-bottom: 0 !important;
    }
  }

  .sh-form {
    padding: 0;
    width: calc(~'100% - 226px');
  }
  
  &-expand {
    position: absolute;
    left: 24px;
    color: @primary-color;
    cursor: pointer;
  }

  &-actions {
    position: relative;
    display: flex;
    justify-content: center;
    width: 226px;
    .sh-btn-list {
      position: absolute;
      bottom: 0;
  
      button+button {
        margin-left: @padding-md;
      }
    }
  }
}