llvy.ltd/casdoor
1
0
Fork 0
mirror of https://github.com/casdoor/casdoor.git synced 2025-05-23 02:35:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: support application.formCss in forget-password page (#3733)

Browse Source
This commit is contained in:
DacongDA 2025-04-19 22:59:21 +08:00 committed by GitHub
parent 0860cbf343
commit 56bcef0592
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/ApplicationEditPage.js
View File

@ -53,6 +53,14 @@ const template = `<style>
background-color: #333333; background-color: #333333;
box-shadow: 0 0 30px 20px rgba(255, 255, 255, 0.20); box-shadow: 0 0 30px 20px rgba(255, 255, 255, 0.20);
} }
.forget-content {
padding: 10px 100px 20px;
margin: 30px auto;
border: 2px solid #fff;
border-radius: 7px;
background-color: rgb(255 255 255);
box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}
</style>`; </style>`;
const previewGrid = Setting.isMobile() ? 22 : 11; const previewGrid = Setting.isMobile() ? 22 : 11;

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

@ -471,6 +471,8 @@ class ForgetPage extends React.Component {
<React.Fragment> <React.Fragment>
<CustomGithubCorner /> <CustomGithubCorner />
<div className="forget-content" style={{padding: Setting.isMobile() ? "0" : null, boxShadow: Setting.isMobile() ? "none" : null}}> <div className="forget-content" style={{padding: Setting.isMobile() ? "0" : null, boxShadow: Setting.isMobile() ? "none" : null}}>
{Setting.inIframe() || Setting.isMobile() ? null : <div dangerouslySetInnerHTML={{__html: application.formCss}} />}
{Setting.inIframe() || !Setting.isMobile() ? null : <div dangerouslySetInnerHTML={{__html: application.formCssMobile}} />}
<Button type="text" <Button type="text"
style={{position: "relative", left: Setting.isMobile() ? "10px" : "-90px", top: 0}} style={{position: "relative", left: Setting.isMobile() ? "10px" : "-90px", top: 0}}
icon={<ArrowLeftOutlined style={{fontSize: "24px"}} />} icon={<ArrowLeftOutlined style={{fontSize: "24px"}} />}