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

feat: support ".login-panel-dark" CSS for signup/login pages (#3269)

Browse Source 
* feat: add custom dark mode CSS for login and registration forms.

* refactor: extract dark theme check to Setting.js
This commit is contained in:
千石
2024-10-13 22:31:54 +08:00
committed by GitHub
parent 3211bcc777
commit fc864b0de4
4 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/auth/LoginPage.js
View File

@ -1293,7 +1293,7 @@ class LoginPage extends React.Component {
<div className="login-content" style={{margin: this.props.preview ?? this.parseOffset(application.formOffset)}}>
{Setting.inIframe() || Setting.isMobile() ? null : <div dangerouslySetInnerHTML={{__html: application.formCss}} />}
{Setting.inIframe() || !Setting.isMobile() ? null : <div dangerouslySetInnerHTML={{__html: application.formCssMobile}} />}
<div className="login-panel">
<div className={Setting.isDarkTheme(this.props.themeAlgorithm) ? "login-panel-dark" : "login-panel"}>
<div className="side-image" style={{display: application.formOffset !== 4 ? "none" : null}}>
<div dangerouslySetInnerHTML={{__html: application.formSideHtml}} />
</div>