index.less 2.4 KB
Newer Older
钟是志's avatar
钟是志 committed
1
//@import '~antd/lib/style/themes/default.less';
徐立's avatar
徐立 committed
2 3 4 5 6 7 8 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 37 38 39 40

.pageHeader {
  background: #fff;
  padding: 13px 30px;
  height: 36px;
  border-bottom: 1px solid #e8e8e8;
  .wide {
    max-width: 1200px;
    margin: auto;
  }
  .detail {
    display: flex;
  }

  .row {
    display: flex;
    width: 100%;
  }

  .breadcrumb {
    //margin-bottom: 16px;
    line-height: 0.5
  }
  :global{
    .ant-breadcrumb{
      color: #3a3a3a;
      a{
        color: #3a3a3a;
      }
      & > span:last-child{
        color: #008dff;
      }
    }
  }
  .tabs {
    margin: 0 0 0 -8px;

    :global {
      .ant-tabs-bar {
钟是志's avatar
钟是志 committed
41
        border-bottom: 1px solid hsv(0, 0, 91%);
徐立's avatar
徐立 committed
42 43 44 45 46 47 48 49 50 51 52
      }
    }
  }

  .logo {
    flex: 0 1 auto;
    margin-right: 16px;
    padding-top: 1px;
    > img {
      width: 28px;
      height: 28px;
钟是志's avatar
钟是志 committed
53
      border-radius: 4px;
徐立's avatar
徐立 committed
54 55 56 57 58 59 60
      display: block;
    }
  }

  .title {
    font-size: 20px;
    font-weight: 500;
钟是志's avatar
钟是志 committed
61
    color: fade(#000, 85%);
徐立's avatar
徐立 committed
62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116
  }

  .action {
    margin-left: 56px;
    min-width: 266px;

    :global {
      .ant-btn-group:not(:last-child),
      .ant-btn:not(:last-child) {
        margin-right: 8px;
      }

      .ant-btn-group > .ant-btn {
        margin-right: 0;
      }
    }
  }

  .title,
  .content {
    flex: auto;
  }

  .action,
  .extraContent,
  .main {
    flex: 0 1 auto;
  }

  .main {
    width: 100%;
  }

  .title,
  .action {
    margin-bottom: 16px;
  }

  .logo,
  .content,
  .extraContent {
    margin-bottom: 16px;
  }

  .action,
  .extraContent {
    text-align: right;
  }

  .extraContent {
    margin-left: 88px;
    min-width: 242px;
  }
}

钟是志's avatar
钟是志 committed
117
@media screen and (max-width: 1200px) {
徐立's avatar
徐立 committed
118 119 120 121 122 123 124
  .pageHeader {
    .extraContent {
      margin-left: 44px;
    }
  }
}

钟是志's avatar
钟是志 committed
125
@media screen and (max-width: 992px) {
徐立's avatar
徐立 committed
126 127 128 129 130 131 132
  .pageHeader {
    .extraContent {
      margin-left: 20px;
    }
  }
}

钟是志's avatar
钟是志 committed
133
@media screen and (max-width: 768px) {
徐立's avatar
徐立 committed
134 135 136 137 138 139 140 141 142 143 144 145 146
  .pageHeader {
    .row {
      display: block;
    }

    .action,
    .extraContent {
      margin-left: 0;
      text-align: left;
    }
  }
}

钟是志's avatar
钟是志 committed
147
@media screen and (max-width: 576px) {
徐立's avatar
徐立 committed
148 149 150 151 152 153 154
  .pageHeader {
    .detail {
      display: block;
    }
  }
}

钟是志's avatar
钟是志 committed
155
@media screen and (max-width: 480px) {
徐立's avatar
徐立 committed
156
  .pageHeader {
钟是志's avatar
钟是志 committed
157 158 159 160 161 162 163 164 165 166 167 168 169
    //.action {
    //  :global {
    //    .ant-btn-group,
    //    .ant-btn {
    //      display: block;
    //      margin-bottom: 8px;
    //    }
    //    .ant-btn-group > .ant-btn {
    //      display: inline-block;
    //      margin-bottom: 0;
    //    }
    //  }
    //}
徐立's avatar
徐立 committed
170 171
  }
}