llvy.ltd/casdoor
1
0
Fork 0
mirror of https://github.com/casdoor/casdoor.git synced 2025-07-04 13:20:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: support changing theme in antd 5 (#1430)

Browse Source 
* feat: add global theme change function

* feat: add icons

* feat: in app theme changer

* feat: use antd built-in themes

* fix: multiple styling problem

* fix: theme init from localstorage

* feat: dark mode footer

* feat: casdoor logo color theme

* feat: select theme box icon adaptive to theme

* fix: menu bar style

* fix: language box style

* feat: translation

* feat: update translation of select theme box without reloading

* fix: mobile view

* fix: better structured select theme box

* feat: add compact icon

* fix: redundant theme fetch

* fix: redundant theme fetch

* fix: various styling problems
This commit is contained in:
Chell
2022-12-29 15:30:37 +01:00
committed by GitHub
parent c952c2f2f4
commit f465fc6ce0
12 changed files with 252 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/src/App.less
View File

@ -13,14 +13,12 @@
}
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}
.App-link {
@ -41,7 +39,6 @@ img {
flex-direction: column;
height: 100%;
min-height: 100vh;
background-color: #f5f5f5;
}
.panel-logo {
@ -55,7 +52,7 @@ img {
background-repeat: no-repeat;
border-radius: 5px;
width: 45px;
height: 65px;
height: 100%;
float: right;
cursor: pointer;
@ -64,9 +61,32 @@ img {
}
}
.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%;
float: right;
cursor: pointer;
&:hover {
background-color: #f5f5f5 !important;
}
}
.rightDropDown {
border-radius: 7px;
&:hover {
background-color: #f5f5f5;
color: black;
}
}
@ -128,3 +148,9 @@ img {
background-size: 100% 100%;
background-attachment: fixed;
}
.ant-menu-horizontal {
border-bottom: none !important;
margin-right: 30px;
right: 230px;
}