llvy.ltd/casdoor
1
0
Fork 0
mirror of https://github.com/casdoor/casdoor.git synced 2025-09-10 05:22:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve forget page CSS.

Browse Source
This commit is contained in:
Gucheng Wang
2021-11-28 14:11:09 +08:00
parent bfd5d0172a
commit 7923bffa6d
2 changed files with 48 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -495,46 +495,61 @@ class ForgetPage extends React.Component {
} }
return ( return (
<React.Fragment> <Row>
<Divider style={{ fontSize: "28px" }}> <Col span={24} style={{justifyContent: "center"}}>
{i18next.t("forget:Retrieve password")}
</Divider>
<Row> <Row>
<Col span={24} style={{ display: "flex", justifyContent: "center" }}> <Col span={24}>
<div style={{marginTop: "80px", marginBottom: "10px", textAlign: "center"}}>
{
Setting.renderHelmet(application)
}
<CustomGithubCorner />
{
Setting.renderLogo(application)
}
</div>
</Col>
</Row>
<Row>
<Col span={24}>
<div style={{textAlign: "center", fontSize: "28px"}}>
{i18next.t("forget:Retrieve password")}
</div>
</Col>
</Row>
<Row>
<Col span={24}>
<Steps <Steps
current={this.state.current} current={this.state.current}
style={{ style={{
width: "90%", width: "90%",
maxWidth: "500px", maxWidth: "500px",
margin: "auto", margin: "auto",
marginTop: "80px", marginTop: "80px",
}} }}
> >
<Step <Step
title={i18next.t("forget:Account")} title={i18next.t("forget:Account")}
icon={<UserOutlined />} icon={<UserOutlined />}
/> />
<Step <Step
title={i18next.t("forget:Verify")} title={i18next.t("forget:Verify")}
icon={<SolutionOutlined />} icon={<SolutionOutlined />}
/> />
<Step <Step
title={i18next.t("forget:Reset")} title={i18next.t("forget:Reset")}
icon={<KeyOutlined />} icon={<KeyOutlined />}
/> />
</Steps> </Steps>
</Col> </Col>
</Row> </Row>
<Row> </Col>
<Col span={24} style={{ display: "flex", justifyContent: "center" }}> <Col span={24} style={{ display: "flex", justifyContent: "center" }}>
<div style={{ marginTop: "10px", textAlign: "center" }}> <div style={{ marginTop: "10px", textAlign: "center" }}>
{Setting.renderHelmet(application)} {this.renderForm(application)}
{this.renderForm(application)} </div>
</div> </Col>
</Col> </Row>
</Row>
<CustomGithubCorner />
</React.Fragment>
); );
} }
} }

7
web/src/component/CountDownInput.js
View File

@@ -137,11 +137,14 @@ export const CountDownInput = (props) => {
visible={visible} visible={visible}
okText={i18next.t("user:OK")} okText={i18next.t("user:OK")}
cancelText={i18next.t("user:Cancel")} cancelText={i18next.t("user:Cancel")}
onCancel={handleCancel}
onOk={handleOk} onOk={handleOk}
onCancel={handleCancel}
okButtonProps={{disabled: key.length !== 5}}
width={248} width={248}
> >
{renderCheck()} {
renderCheck()
}
</Modal> </Modal>
</div> </div>
); );