github.com/easysoft/zendata@v0.0.0-20240513203326-705bd5a7fd67/ui/src/layout/MainLayout.less (about)

     1  @import "~ant-design-vue/es/style/themes/default.less";
     2  
     3  #app, body, .main {
     4    height: 100%;
     5  }
     6  
     7  h1, h2, h3, h4, h5, h6 {
     8    font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, 'PingFang SC', 'Source Han Sans CN', 'Source Han Sans', 'Source Han Serif', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', sans-serif;
     9  }
    10  
    11  .center {
    12    text-align: center;
    13  }
    14  
    15  .head {
    16    display: flex;
    17    align-items: center;
    18    padding: 5px 0;
    19  
    20    .title {
    21      width: 300px;
    22      padding: 3px 5px;
    23      line-height: 32px;
    24      font-weight: bolder;
    25      font-size: 14px;
    26      flex: 1;
    27      display: flex;
    28      align-items: center;
    29  
    30      .anticon + span {
    31        display: inline-block;
    32        margin-left: 5px;
    33      }
    34    }
    35    .filter {
    36      flex: 1;
    37      padding: 2px;
    38      display: flex;
    39      justify-content: center;
    40    }
    41    .buttons {
    42      flex: 1;
    43      width: 100px;
    44      text-align: right;
    45    }
    46    .ant-menu {
    47      flex: 1;
    48    }
    49  }
    50  
    51  .input-tips {
    52    font-style: italic;
    53  }
    54  
    55  a.common {
    56    color: rgba(0, 0, 0, 0.65) !important;
    57  }
    58  .full-screen-modal {
    59    top: 0;
    60    padding-bottom: 0;
    61    height: 100%;
    62    .ant-modal-content {
    63      width: 100%;
    64      height: 100%;
    65    }
    66  
    67    .ant-modal-body {
    68      padding: 0;
    69    }
    70  }
    71  
    72  .tooltip-light {
    73    .ant-tooltip-inner {
    74      color: rgba(0,0,0,.65);
    75      background-color: #fff;
    76      background-clip: padding-box;
    77      border-radius: 4px;
    78      box-shadow: 0 2px 8px rgba(0,0,0,.15);
    79      box-shadow: 0 0 8px rgba(0,0,0,.15);
    80  
    81      .title {
    82        font-weight: bold;
    83      }
    84      .content {
    85        width:auto;
    86        display:inline-block !important;
    87        display:inline;
    88      }
    89    }
    90  }
    91  
    92  .pagination-wrapper {
    93    padding: 5px 0;
    94    width: 100%;
    95    text-align: right;
    96  }
    97  
    98  .clear-both {
    99    clear: both;
   100  }
   101  
   102  .link {
   103    cursor: pointer;
   104  }
   105  .errors {
   106    color: red;
   107  }