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     box-shadow: 0 1px 7px rgba(0,0,0,0.3);
  26     height: 52px !important;
  27 }
  28
  29 .el-footer {
  30     padding: 3px 20px;
  31     font-size: 14px;
  32     height: 38px !important;
  33 }
  34
  35 a {
  36     color: #66b1ff;
  37     text-decoration: none;
  38 }
  39
  40 a:hover, a:focus {
  41     color: #409EFF;
  42     text-decoration: none;
  43 }
  44
  45 .el-table a {
  46     color: rgb(96, 98, 102);
  47 }
  48
  49 .el-table a:hover {
  50     color: #66b1ff;
  51 }
  52
  53 .el-table td {
  54     padding: 5px 0;
  55     cursor: pointer;
  56     font-size: 14px;
  57 }
  58
  59 .el-table th {
  60     font-size: 12px;
  61 }
  62
  63 .el-table__row .list-actions .el-button {
  64     visibility: hidden;
  65 }
  66
  67 .el-table__row:hover .list-actions .el-button {
  68     visibility: visible;
  69 }
  70
  71 .el-progress-bar__inner {
  72     transition: width 250ms;
  73 }
  74
  75 .el-breadcrumb {
  76     border: 1px solid #ebeef5;
  77     border-radius: 5px;
  78     padding: 7px;
  79 }
  80
  81 .el-switch__label {
  82     height: auto;
  83 }
  84
  85 /* welcome and 404 page */
  86 .container-center {
  87     display: flex;
  88     height: 100%;
  89     align-items: center;
  90     justify-content: center;
  91 }