Reduce vertical height of table headers

[perso/Immae/Projets/Nodejs/Surfer.git] / frontend / css / style.css

diff --git a/frontend/css/style.css b/frontend/css/style.css
index 05336ab5d2e75e15f65ec95f2b88752dc2763850..ead82415cc838bb761993d8d28897d526b770e50 100644 (file)
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -1,66 +1,112 @@
 
+[v-cloak] {
+    display: none;
+}
+
 html, body {
-    min-height: 100%;
+    margin: 0;
+    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
+    font-weight: 400;
+    color: rgb(96, 98, 102);
+    height: 100%;
     width: 100%;
+}
+
+.el-container {
     height: 100%;
-    padding: 0;
-    margin: 0;
 }
 
-body {
-    padding-bottom: 70px;
+.el-main {
+    padding: 10px;
 }
 
-.wrapper {
-    display: table;
-    width: 100%;
-    height: 100%;
+.el-header {
+    padding: 10px 20px;
+    height: 52px !important;
 }
 
-.content {
-    display: table-cell;
-    width: 100%;
-    height: 100%;
-    text-align: center;
-    vertical-align: middle;
+.el-footer {
+    padding: 3px 20px;
+    font-size: 14px;
+    height: 38px !important;
 }
 
-pre {
-    margin: auto;
-    text-align: left;
-    width: 400px;
+a {
+    color: #66b1ff;
+    text-decoration: none;
 }
 
-[v-cloak] {
-  display: none;
+a:hover, a:focus {
+    color: #409EFF;
+    text-decoration: none;
+}
+
+.el-table a {
+    color: rgb(96, 98, 102);
+}
+
+.el-table a:hover {
+    color: #66b1ff;
 }
 
-.hand {
+.el-table td {
+    padding: 5px 0;
     cursor: pointer;
+    font-size: 14px;
 }
 
-th {
-    vertical-align: middle !important;
+.el-table th {
+    font-size: 12px;
+    padding: 0;
 }
 
-.main {
-    margin-bottom: 40px;
+.rename-action {
+    margin-left: 20px;
 }
 
-footer {
-    position: fixed;
-    background-color: #efefef;
-    bottom: 0;
-    width: 100%;
-    color: #555;
-    font-size: 14px;
-    padding: 5px;
-    z-index: 13;
-    opacity: .5;
-    -webkit-transition: all .25s;
-    transition: all .25s;
+.el-table__row .rename-action {
+    visibility: hidden;
+}
+
+.el-table__row:hover .rename-action {
+    visibility: visible;
+}
+
+.el-progress-bar__inner {
+    transition: width 250ms;
+}
+
+.el-breadcrumb {
+    border: 1px solid #ebeef5;
+    border-radius: 5px;
+    padding: 7px;
+}
+
+.el-switch__label {
+    height: auto;
 }
 
-footer:hover {
-    opacity: 1;
-}
\ No newline at end of file
+.el-table--enable-row-transition .el-table__body td {
+    transition: background-color .1s ease;
+}
+
+.el-drawer__header {
+    margin-bottom: 10px;
+}
+
+/* welcome and 404 page */
+.container-center {
+    display: flex;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+}
+
+.access-token-input {
+    padding: 5px 0;
+    width: 487px;
+}
+
+.access-token-input > input, .access-token-input i {
+    cursor: copy !important;
+}