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     padding: 0;
  61 }
  62
  63 .rename-action {
  64     margin-left: 20px;
  65 }
  66
  67 .el-table__row .rename-action {
  68     visibility: hidden;
  69 }
  70
  71 .el-table__row:hover .rename-action {
  72     visibility: visible;
  73 }
  74
  75 .el-progress-bar__inner {
  76     transition: width 250ms;
  77 }
  78
  79 .el-breadcrumb {
  80     border: 1px solid #ebeef5;
  81     border-radius: 5px;
  82     padding: 7px;
  83 }
  84
  85 .el-switch__label {
  86     height: auto;
  87 }
  88
  89 .el-table--enable-row-transition .el-table__body td {
  90     transition: background-color .1s ease;
  91 }
  92
  93 .el-drawer__header {
  94     margin-bottom: 10px;
  95 }
  96
  97 /* welcome and 404 page */
  98 .container-center {
  99     display: flex;
 100     height: 100%;
 101     align-items: center;
 102     justify-content: center;
 103 }
 104
 105 .access-token-input {
 106     padding: 5px 0;
 107     width: 487px;
 108 }
 109
 110 .access-token-input > input, .access-token-input i {
 111     cursor: copy !important;
 112 }