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

feat: improve TermsOfUse UI in mobile (#2106)

Browse Source 
* style: Mobile interface adaptation

Signed-off-by: baihhh <2542274498@qq.com>

* Update index.css

---------

Signed-off-by: baihhh <2542274498@qq.com>
Co-authored-by: hsluoyz <hsluoyz@qq.com>
This commit is contained in:
Baihhh 2023-07-23 15:28:13 +08:00 committed by GitHub
parent 516f4b7569
commit aee3ea4981
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/common/modal/AgreementModal.js
View File

@ -15,6 +15,7 @@
import {Checkbox, Form, Modal} from "antd"; import {Checkbox, Form, Modal} from "antd";
import i18next from "i18next"; import i18next from "i18next";
import React, {useEffect, useState} from "react"; import React, {useEffect, useState} from "react";
import * as Setting from "../../Setting";
export const AgreementModal = (props) => { export const AgreementModal = (props) => {
const {open, onOk, onCancel, application} = props; const {open, onOk, onCancel, application} = props;
@ -31,14 +32,16 @@ export const AgreementModal = (props) => {
<Modal <Modal
title={i18next.t("signup:Terms of Use")} title={i18next.t("signup:Terms of Use")}
open={open} open={open}
width={"55vw"} width={Setting.isMobile() ? "100vw" : "55vw"}
closable={false} closable={false}
okText={i18next.t("signup:Accept")} okText={i18next.t("signup:Accept")}
cancelText={i18next.t("signup:Decline")} cancelText={i18next.t("signup:Decline")}
onOk={onOk} onOk={onOk}
onCancel={onCancel} onCancel={onCancel}
style={{top: Setting.isMobile() ? "5px" : ""}}
maskStyle={{backgroundColor: Setting.isMobile() ? "white" : ""}}
> >
<iframe title={"terms"} style={{border: 0, width: "100%", height: "60vh"}} srcDoc={doc} /> <iframe title={"terms"} style={{border: 0, width: "100%", height: Setting.isMobile() ? "80vh" : "60vh"}} srcDoc={doc} />
</Modal> </Modal>
); );
}; };