X-Git-Url: https://git.immae.eu/?p=perso%2FImmae%2FProjets%2FNodejs%2FSurfer.git;a=blobdiff_plain;f=frontend%2Fcss%2Fstyle.css;h=ead82415cc838bb761993d8d28897d526b770e50;hp=5c9236b485cd67bfbdcdf7c6d0081d38949f48c6;hb=aa1b4549ee6ce94a250e50aa859306f4aa0d7251;hpb=c248373641e65b585e0029176a608d6f4160642d

diff --git a/frontend/css/style.css b/frontend/css/style.css
index 5c9236b..ead8241 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -1,9 +1,15 @@
 
-body {
+[v-cloak] {
+    display: none;
+}
+
+html, body {
     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 {
@@ -16,14 +22,13 @@ body {
 
 .el-header {
     padding: 10px 20px;
-    box-shadow: 0 1px 7px rgba(0,0,0,0.3);
     height: 52px !important;
 }
 
 .el-footer {
     padding: 3px 20px;
     font-size: 14px;
-    text-align: center;
+    height: 38px !important;
 }
 
 a {
@@ -52,74 +57,56 @@ a:hover, a:focus {
 
 .el-table th {
     font-size: 12px;
+    padding: 0;
+}
+
+.rename-action {
+    margin-left: 20px;
 }
 
-.el-table__row .list-actions .el-button {
+.el-table__row .rename-action {
     visibility: hidden;
 }
 
-.el-table__row:hover .list-actions .el-button {
+.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;
 }
 
-/* old */
-
-.wrapper {
-    display: table;
-    width: 100%;
-    height: 100%;
+.el-switch__label {
+    height: auto;
 }
 
-.content {
-    display: table-cell;
-    width: 100%;
-    height: 100%;
-    text-align: center;
-    vertical-align: middle;
+.el-table--enable-row-transition .el-table__body td {
+    transition: background-color .1s ease;
 }
 
-pre {
-    margin: auto;
-    text-align: left;
-    width: 400px;
+.el-drawer__header {
+    margin-bottom: 10px;
 }
 
-[v-cloak] {
-  display: none;
-}
-
-.hand {
-    cursor: pointer;
-}
-
-.main {
-    margin-bottom: 40px;
-}
-
-td {
-    vertical-align: middle !important;
-    overflow: hidden;
-}
-
-.entry-toolbar {
-    opacity: 0;
-    transition: opacity .25s;
-}
-
-tr:hover .entry-toolbar {
-    opacity: 1;
+/* welcome and 404 page */
+.container-center {
+    display: flex;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
 }
 
-table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
-    content: " \25B4\25BE"
+.access-token-input {
+    padding: 5px 0;
+    width: 487px;
 }
 
-th {
-    cursor: pointer;
+.access-token-input > input, .access-token-input i {
+    cursor: copy !important;
 }