encrypt/gancio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

darker restyle

Browse Source
This commit is contained in:
les
2020-02-09 18:15:07 +01:00
parent 6da1cce5b0
commit a49b9c504b
1 changed files with 22 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
assets/style.less
View File

@@ -23,7 +23,7 @@ html, body {
font-family: sans-serif; font-family: sans-serif;
scroll-behavior: smooth; scroll-behavior: smooth;
text-rendering: optimizeSpeed; text-rendering: optimizeSpeed;
background-color: #333; background-color: #111;
overflow-y: auto; overflow-y: auto;
scrollbar-width: thin; scrollbar-width: thin;
padding: 0 !important; padding: 0 !important;
@@ -39,10 +39,10 @@ html, body {
min-height: 200px; min-height: 200px;
overflow: hidden; overflow: hidden;
scrollbar-width: thin; scrollbar-width: thin;
// transition: background-color 1s, opacity 1s, color 1s; transition: background-color .5s, opacity .5s; //, color 1s;
background-color: white; background-color: white;
&.dark { &.dark {
background-color: #333; background-color: #111;
} }
} }
@@ -97,19 +97,19 @@ html, body {
.el-submenu.is-active > .el-submenu__title, .el-submenu.is-active > .el-submenu__title,
.el-submenu.is-opened { .el-submenu.is-opened {
color: white; color: white;
background-color: #333 background-color: #111;
} }
} }
.page-enter-active { .page-enter-active {
transition: opacity .2s, transform .3s; transition: opacity .05s;
} }
.page-enter, .page-leave-active { .page-enter, .page-leave-active {
transition: opacity .3s, transform .3s; transition: opacity .3s; //, transform .3s;
opacity: 0; opacity: 0;
transform: translateX(30px); // transform: translateX(30px);
} }
.el-card { .el-card {
@@ -137,8 +137,18 @@ html, body {
background-color: #f9fff6; background-color: #f9fff6;
} }
@media only screen and (max-width: 768px) { .el-button--mini, .el-button--mini.is-round {
.el-main { padding: 6px 12px;
padding: 0px !important; font-size: 0.8rem;
}
} }
.bg-dark {
background-color: #292929 !important;
}
// @media only screen and (max-width: 768px) {
// .el-card {
// padding: 0px !important;
// border-radius: 0px;
// }
// }