frontend/css/style.css

   1
   2 [v-cloak] {
   3     display: none;
   4 }
   5
   6 html, body {
   7     margin: 0;
   8     font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
   9     font-weight: 400;
  10     color: rgb(96, 98, 102);
  11     height: 100%;
  12     width: 100%;
  13 }
  14
  15 .el-container {
  16     height: 100%;
  17 }
  18
  19 .el-main {
  20     padding: 10px;
  21 }
  22
  23 .el-header {
  24     padding: 10px 20px;
  25     height: 52px !important;
  26 }
  27
  28 .el-footer {
  29     padding: 3px 20px;
  30     font-size: 14px;
  31     height: 38px !important;
  32 }
  33
  34 a {
  35     color: #66b1ff;
  36     text-decoration: none;
  37 }
  38
  39 a:hover, a:focus {
  40     color: #409EFF;
  41     text-decoration: none;
  42 }
  43
  44 .el-table a {
  45     color: rgb(96, 98, 102);
  46 }
  47
  48 .el-table a:hover {
  49     color: #66b1ff;
  50 }
  51
  52 .el-table td {
  53     padding: 5px 0;
  54     cursor: pointer;
  55     font-size: 14px;
  56 }
  57
  58 .el-table th {
  59     font-size: 12px;
  60 }
  61
  62 .rename-action {
  63     margin-left: 20px;
  64 }
  65
  66 .el-table__row .rename-action {
  67     visibility: hidden;
  68 }
  69
  70 .el-table__row:hover .rename-action {
  71     visibility: visible;
  72 }
  73
  74 .el-progress-bar__inner {
  75     transition: width 250ms;
  76 }
  77
  78 .el-breadcrumb {
  79     border: 1px solid #ebeef5;
  80     border-radius: 5px;
  81     padding: 7px;
  82 }
  83
  84 .el-switch__label {
  85     height: auto;
  86 }
  87
  88 .el-table--enable-row-transition .el-table__body td {
  89     transition: background-color .1s ease;
  90 }
  91
  92 .el-drawer__header {
  93     margin-bottom: 10px;
  94 }
  95
  96 /* welcome and 404 page */
  97 .container-center {
  98     display: flex;
  99     height: 100%;
 100     align-items: center;
 101     justify-content: center;
 102 }
 103
 104 .access-token-input {
 105     padding: 5px 0;
 106     width: 487px;
 107 }
 108
 109 .access-token-input > input, .access-token-input i {
 110     cursor: copy !important;
 111 }