feat: support customize theme (#1500)

* refactor: simplify functions and improve variable naming

* feat: add themeEditor component

* feat: support customize theme

* chore: resolve conflict and add LICENCE

* chore: format code

* refactor: use icon replace background url

* feat: improve organization and application theme editor
This commit is contained in:
Yaodong Yu
2023-02-01 22:06:40 +08:00
committed by GitHub
parent b47baa06e1
commit 95b32d5ebf
28 changed files with 13025 additions and 12126 deletions

View File

@ -1,8 +1,6 @@
/* stylelint-disable at-rule-name-case */
/* stylelint-disable selector-class-pattern */
@StaticBaseUrl: "https://cdn.casbin.org";
.App {
text-align: center;
}
@ -45,34 +43,13 @@ img {
margin-bottom: 30px;
}
.language-box {
background: url("@{StaticBaseUrl}/img/muti_language.svg");
background-size: 25px, 25px;
background-position: center;
background-repeat: no-repeat;
.select-box {
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
width: 45px;
height: 100%;
float: right;
cursor: pointer;
&:hover {
background-color: #f5f5f5;
}
}
.login-form .language-box {
height: 65px;
}
.theme-box {
background: url("@{StaticBaseUrl}/img/muti_language.svg");
background-size: 25px, 25px;
background-position: center !important;
background-repeat: no-repeat !important;
border-radius: 5px;
width: 45px;
height: 100%;
height: 64px;
float: right;
cursor: pointer;
@ -82,7 +59,12 @@ img {
}
.rightDropDown {
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
float: right;
cursor: pointer;
&:hover {
background-color: #f5f5f5;
@ -151,6 +133,4 @@ img {
.ant-menu-horizontal {
border-bottom: none !important;
margin-right: 30px;
right: 230px;
}