ReportsDataSourceSetting.less 1.71 KB
Newer Older
1
@import "~antd/es/style/themes/default.less";
陈龙's avatar
陈龙 committed
2 3 4 5 6 7

.reportsDataSourceSetting {
  height: 100%;
  overflow: hidden;

  .contentWrapper {
8
    height: calc(100% - 16px);
陈龙's avatar
陈龙 committed
9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
    display: flex;
    flex-direction: column;
    margin: 8px;
    @media screen and (min-width: 1680px) {
      .content {
        grid-template-columns: repeat(5, 1fr);
      }
    }
    @media screen and (max-width: 1680px) {
      .content {
        grid-template-columns: repeat(4, 1fr);
      }
    }
    @media screen and (max-width: 1320px) {
      .content {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    @media screen and (max-width: 960px) {
      .content {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    .controlRow {
      display: flex;
      flex-direction: column;
      background: #ffffff;
37 38
      padding: 8px;
      margin-bottom: 8px;
陈龙's avatar
陈龙 committed
39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

      :global {
        .@{ant-prefix}-form-item {
          margin-bottom: 0;
        }
      }
    }

    .content {
      display: grid;
      grid-gap: 10px;
      padding-bottom: 8px;
      overflow: scroll;

      .card {
        height: 198px;

        .cardInfo {
          padding-left: 48px;

          .cardInfoItem {
            margin-bottom: 4px;
61
            color: rgb(100, 100, 100, .65);
陈龙's avatar
陈龙 committed
62 63 64

            .item {
              font-weight: bold;
65
              color: rgba(58, 58, 58, 0.55);
陈龙's avatar
陈龙 committed
66 67 68
            }

            .blue {
69
              color: rgba(23, 130, 252, .65);
陈龙's avatar
陈龙 committed
70 71 72 73 74 75
            }

            .ellipsis {
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
76 77
              display: inline-block;
              max-width: 120px;
陈龙's avatar
陈龙 committed
78 79 80 81 82 83 84 85
              vertical-align: top;
            }
          }
        }
      }
    }
  }
}