@voplus/morpho-csp 1.3.15 → 1.3.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/ActivityLogTpl.js +1 -1
- package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/ActivityLogTpl.js.map +1 -1
- package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/DisclaimerDialog.d.ts +9 -0
- package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/DisclaimerDialog.js +30 -0
- package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/DisclaimerDialog.js.map +1 -0
- package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/index.js +41 -19
- package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/index.js.map +1 -1
- package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/index.less +62 -14
- package/package.json +1 -1
package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/ActivityLogTpl.js
CHANGED
|
@@ -5,7 +5,7 @@ import { useCertRefreshContext } from "./ActivityRefreshContext";
|
|
|
5
5
|
import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
|
|
6
6
|
const ActivityLogTpl = (props) => {
|
|
7
7
|
const certRefresh = useCertRefreshContext();
|
|
8
|
-
return observe(() =>
|
|
8
|
+
return observe(() => certRefresh.refresh ? React.createElement(ActivityLog, { id: props.id, bar: false }) : React.createElement(Skeleton, null));
|
|
9
9
|
};
|
|
10
10
|
export default ActivityLogTpl;
|
|
11
11
|
//# sourceMappingURL=ActivityLogTpl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityLogTpl.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/share-certificate/pages/ShareCertificateClientView/ActivityLogTpl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,WAAW,MAAM,2DAA2D,CAAC;AAEpF,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,EAAE;IAChD,MAAM,WAAW,GAAG,qBAAqB,EAAE,CAAC;IAE5C,OAAO,OAAO,CAAC,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"ActivityLogTpl.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/share-certificate/pages/ShareCertificateClientView/ActivityLogTpl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,WAAW,MAAM,2DAA2D,CAAC;AAEpF,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,EAAE;IAChD,MAAM,WAAW,GAAG,qBAAqB,EAAE,CAAC;IAE5C,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,GAAG,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,oBAAC,QAAQ,OAAG,CAC9E,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/DisclaimerDialog.js
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Row, Space, Button } from "@voplus/antd";
|
|
3
|
+
import { observe } from "@voplus/morpho-ui";
|
|
4
|
+
import { faCircleInfo } from "@fortawesome/pro-light-svg-icons";
|
|
5
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
6
|
+
import FlexDialog from "@voplus/morpho-document/es/components/FlexDialog";
|
|
7
|
+
import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
|
|
8
|
+
import "./index.less";
|
|
9
|
+
const DisclaimerDialog = (props) => {
|
|
10
|
+
return observe(() => (React.createElement(FlexDialog, { mobileHeightMode: "fill", modalProps: {
|
|
11
|
+
title: (React.createElement(React.Fragment, null,
|
|
12
|
+
React.createElement(FAIcon, { icon: faCircleInfo, className: "margin-right-10" }),
|
|
13
|
+
"Disclaimer")),
|
|
14
|
+
className: "share-certificate-client-view-disclaimer",
|
|
15
|
+
width: 800,
|
|
16
|
+
visible: props.visible,
|
|
17
|
+
footer: null,
|
|
18
|
+
onCancel: props.onCancel,
|
|
19
|
+
}, closeAside: props.onCancel },
|
|
20
|
+
React.createElement("div", { className: props.mobile
|
|
21
|
+
? "share-certificate-disclaimer-content-mobile"
|
|
22
|
+
: "share-certificate-disclaimer-content-pc" },
|
|
23
|
+
React.createElement("div", { className: "disclaimer-content" },
|
|
24
|
+
React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, readonly: true, defaultHtml: `<h2>Disclaimer</h2><p>VOPLUS is a service provider of digital share certificates and other corporate services. The digital share certificate you are accessing, as well as any digital share certificates you may access in the future, are managed by VOPLUS. VOPLUS provides digital share certificate issuance, signing, verification, download, cancellation, and other related services for convenience and informational purposes only.</p><p>The information contained on the digital share certificates is provided by the respective issuing companies and is certified by two of their officers in accordance with Section 123 of the Companies Act 1967. It is accurate to the best of their knowledge. VOPLUS makes no representations or warranties, express or implied, as to the accuracy, completeness, or reliability of the information contained in these digital share certificates.</p><p>By using or relying on any information in the digital share certificates, you acknowledge and agree that you have read and understood this disclaimer, and you accept and assume full responsibility for any and all consequences that may arise from using these digital share certificates. You agree to indemnify, defend, and hold harmless VOPLUS and its affiliates, officers, directors, employees, and agents from and against any claims, liabilities, damages, losses, or expenses, including reasonable attorneys' fees and costs, arising out of or in any way connected with your use of or reliance on the digital share certificates.</p><p>VOPLUS shall not be liable for any loss or damage, whether direct, indirect, or consequential, arising from your reliance on or use of the digital share certificates. VOPLUS does not assume any responsibility for the accuracy or completeness of the information provided by the companies, nor does it provide any legal or financial advice or substitute for professional advice.</p><p>This disclaimer shall be governed by and construed in accordance with the laws of Singapore, without regard to its conflict of law provisions. If any provision of this disclaimer is found to be invalid or unenforceable by a court of competent jurisdiction, the remaining provisions shall remain in full force and effect. No waiver of any term or condition of this disclaimer shall be deemed a further or continuing waiver of such term or condition or any other term or condition.</p>`, className: "share-certificate-client-view-proseMirror" })),
|
|
25
|
+
React.createElement(Row, { className: "accept-button", justify: "end" },
|
|
26
|
+
React.createElement(Space, null,
|
|
27
|
+
React.createElement(Button, { type: "primary", onClick: props.onAccept }, "OK")))))));
|
|
28
|
+
};
|
|
29
|
+
export default DisclaimerDialog;
|
|
30
|
+
//# sourceMappingURL=DisclaimerDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DisclaimerDialog.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/share-certificate/pages/ShareCertificateClientView/DisclaimerDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,UAAU,MAAM,kDAAkD,CAAC;AAC1E,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,cAAc,CAAC;AAEtB,MAAM,gBAAgB,GAAG,CAAC,KAKzB,EAAE,EAAE;IACJ,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,UAAU,IACV,gBAAgB,EAAC,MAAM,EACvB,UAAU,EAAE;YACX,KAAK,EAAE,CACN;gBACC,oBAAC,MAAM,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,iBAAiB,GAAG;6BAExD,CACH;YACD,SAAS,EAAE,0CAA0C;YACrD,KAAK,EAAE,GAAG;YACV,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ;SACxB,EACD,UAAU,EAAE,KAAK,CAAC,QAAQ;QAE1B,6BACC,SAAS,EACR,KAAK,CAAC,MAAM;gBACX,CAAC,CAAC,6CAA6C;gBAC/C,CAAC,CAAC,yCAAyC;YAG7C,6BAAK,SAAS,EAAC,oBAAoB;gBAClC,oBAAC,WAAW,IACX,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAC/B,MAAM,QACN,QAAQ,QACR,WAAW,EAAE,80EAA80E,EAC31E,SAAS,EAAC,2CAA2C,GACpD,CACG;YACN,oBAAC,GAAG,IAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAC,KAAK;gBAC3C,oBAAC,KAAK;oBACL,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,SAErC,CACF,CACH,CACD,CACM,CACb,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React, { useEffect, useState } from "react";
|
|
1
|
+
import React, { useEffect, useLayoutEffect, useRef, useState } from "react";
|
|
2
2
|
import { useParams } from "react-router";
|
|
3
3
|
import { useLayout, useTabItem, useApplicationContext } from "@voplus/morpho-data";
|
|
4
4
|
import { observe, useAutorunEffect } from "@voplus/morpho-ui";
|
|
5
|
-
import { Button
|
|
5
|
+
import { Button } from "@voplus/antd";
|
|
6
6
|
import { State } from "./state";
|
|
7
7
|
import { Scrollbars } from "react-custom-scrollbars";
|
|
8
8
|
import { useShareCertificate } from "../../../../../data/share-certificate";
|
|
9
9
|
import { CertRefreshContext, RefreshState } from "./ActivityRefreshContext";
|
|
10
|
-
import {
|
|
11
|
-
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
12
|
-
import
|
|
10
|
+
import { faBars, faArrowDownToLine } from "@fortawesome/pro-light-svg-icons";
|
|
11
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
12
|
+
import DisclaimerDialog from "./DisclaimerDialog";
|
|
13
13
|
import ActivityLogTpl from "./ActivityLogTpl";
|
|
14
14
|
import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
|
|
15
15
|
import ShareCertificate from "../../components/ShareCertificate";
|
|
@@ -20,25 +20,34 @@ const ShareCertificateClientView = () => {
|
|
|
20
20
|
const layout = useLayout();
|
|
21
21
|
const tab = useTabItem();
|
|
22
22
|
const shareCertificate = useShareCertificate(id);
|
|
23
|
+
const ref = useRef(null);
|
|
23
24
|
const { user } = useApplicationContext();
|
|
25
|
+
const [certScale, setCertScale] = useState();
|
|
26
|
+
const [certHeight, setCertHeight] = useState();
|
|
24
27
|
const [state] = useState(new State(user.info.id));
|
|
25
28
|
const [context] = useState(() => new RefreshState());
|
|
26
29
|
const [asideContext] = useState(AsideContent.createContext());
|
|
30
|
+
const AsideAccept = React.createElement(DisclaimerDialog, { visible: true, mobile: true, onAccept: onCloseDisclaimer });
|
|
27
31
|
useAutorunEffect(() => (tab.title = shareCertificate.name || "Share Certificate"));
|
|
28
32
|
useEffect(() => {
|
|
29
|
-
if (!layout.ui.mobile)
|
|
33
|
+
if (!layout.ui.mobile) {
|
|
30
34
|
asideContext.openAside(React.createElement(ActivityLogTpl, { id: id }), { span: 6 });
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
state.promptInformationVisible && asideContext.openAside(AsideAccept, { span: 12 });
|
|
38
|
+
}
|
|
31
39
|
}, []);
|
|
40
|
+
useLayoutEffect(() => {
|
|
41
|
+
var _a, _b;
|
|
42
|
+
setCertHeight((_a = ref.current) === null || _a === void 0 ? void 0 : _a.offsetHeight);
|
|
43
|
+
setCertScale((((_b = ref.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0) / 926);
|
|
44
|
+
});
|
|
32
45
|
return observe(() => {
|
|
33
46
|
var _a;
|
|
34
47
|
return (React.createElement(CertRefreshContext.Provider, { value: context },
|
|
35
48
|
React.createElement(AsideContent, { context: asideContext },
|
|
36
49
|
state.promptInformationVisible &&
|
|
37
|
-
(React.createElement(
|
|
38
|
-
React.createElement(FontAwesomeIcon, { icon: faCircleInfo, className: "margin-right-10" }),
|
|
39
|
-
"Disclaimer"), width: 780, closable: false, visible: state.isPromptInformation, footer: React.createElement(Space, null,
|
|
40
|
-
React.createElement(Button, { type: "primary", onClick: state.promptInformationClose }, "Ok")) },
|
|
41
|
-
React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, readonly: true, defaultHtml: `<p>VOPLUS is a service provider of digital share certificates and other corporate services. The digital share certificate you are accessing, as well as any digital share certificates you may access in the future, are managed by VOPLUS. VOPLUS provides digital share certificate issuance, signing, verification, download, cancellation, and other related services for convenience and informational purposes only.</p><p>The information contained on the digital share certificates is provided by the respective issuing companies and is certified by two of their officers in accordance with Section 123 of the Companies Act 1967. It is accurate to the best of their knowledge. VOPLUS makes no representations or warranties, express or implied, as to the accuracy, completeness, or reliability of the information contained in these digital share certificates.</p><p>By using or relying on any information in the digital share certificates, you acknowledge and agree that you have read and understood this disclaimer, and you accept and assume full responsibility for any and all consequences that may arise from using these digital share certificates. You agree to indemnify, defend, and hold harmless VOPLUS and its affiliates, officers, directors, employees, and agents from and against any claims, liabilities, damages, losses, or expenses, including reasonable attorneys' fees and costs, arising out of or in any way connected with your use of or reliance on the digital share certificates.</p><p>VOPLUS shall not be liable for any loss or damage, whether direct, indirect, or consequential, arising from your reliance on or use of the digital share certificates. VOPLUS does not assume any responsibility for the accuracy or completeness of the information provided by the companies, nor does it provide any legal or financial advice or substitute for professional advice.</p><p>This disclaimer shall be governed by and construed in accordance with the laws of Singapore, without regard to its conflict of law provisions. If any provision of this disclaimer is found to be invalid or unenforceable by a court of competent jurisdiction, the remaining provisions shall remain in full force and effect. No waiver of any term or condition of this disclaimer shall be deemed a further or continuing waiver of such term or condition or any other term or condition.</p>`, className: "share-certificate-client-view-proseMirror" }))),
|
|
50
|
+
(React.createElement(DisclaimerDialog, { visible: state.isPromptInformation, onAccept: state.promptInformationClose })),
|
|
42
51
|
!layout.ui.mobile ? (React.createElement("div", { className: styles["share-certificate-client-view"] },
|
|
43
52
|
React.createElement("div", { className: "share-certificate-client-header" },
|
|
44
53
|
React.createElement("div", { className: "text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:truncate" }, shareCertificate.name),
|
|
@@ -50,17 +59,30 @@ const ShareCertificateClientView = () => {
|
|
|
50
59
|
React.createElement(ShareCertificate, { id: id })))),
|
|
51
60
|
React.createElement("div", { className: "share-certificate-client-footer" },
|
|
52
61
|
React.createElement("div", { className: "uppercase" }, "Powered by VOPLUS Digital CSP")))) : (React.createElement("div", { className: styles["share-certificate-client-view-m"] },
|
|
53
|
-
React.createElement("
|
|
54
|
-
React.createElement(
|
|
55
|
-
|
|
56
|
-
React.createElement(
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
62
|
+
React.createElement("header", null,
|
|
63
|
+
React.createElement(Button, { size: "small", className: "share-certificate-download", onClick: () => window.location.assign(window.location.origin +
|
|
64
|
+
`/api/csp/shares/certificates/${id}/pdf?access_token=${encodeURIComponent(user.info.accessToken)}`) },
|
|
65
|
+
React.createElement(FAIcon, { icon: faArrowDownToLine })),
|
|
66
|
+
React.createElement("div", { className: "share-certificate-title" }, shareCertificate.name),
|
|
67
|
+
React.createElement(Button, { size: "small", onClick: toggleActivity },
|
|
68
|
+
React.createElement(FAIcon, { icon: faBars }))),
|
|
69
|
+
React.createElement("div", { className: "share-certificate-client-body", ref: ref },
|
|
70
|
+
React.createElement(Scrollbars, { autoHide: true },
|
|
71
|
+
React.createElement("div", { className: "share-cert-scale", style: {
|
|
72
|
+
transform: `scale(${certScale})`,
|
|
73
|
+
transformOrigin: "center",
|
|
74
|
+
height: `${certHeight}px`,
|
|
75
|
+
} },
|
|
76
|
+
React.createElement(ShareCertificate, { id: id })))),
|
|
61
77
|
React.createElement("div", { className: "share-certificate-client-footer" },
|
|
62
78
|
React.createElement("div", { className: "uppercase" }, "Powered by VOPLUS Digital CSP")))))));
|
|
63
79
|
});
|
|
80
|
+
async function onCloseDisclaimer() {
|
|
81
|
+
state.promptInformationClose();
|
|
82
|
+
if (asideContext.asideContent) {
|
|
83
|
+
asideContext.closeAside();
|
|
84
|
+
}
|
|
85
|
+
}
|
|
64
86
|
function toggleActivity() {
|
|
65
87
|
if (asideContext.asideContent) {
|
|
66
88
|
asideContext.closeAside();
|
package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/share-certificate/pages/ShareCertificateClientView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/share-certificate/pages/ShareCertificateClientView/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,33 +27,53 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.share-certificate-client-view-m {
|
|
30
|
+
display: flex;
|
|
31
|
+
flex-direction: column;
|
|
32
|
+
justify-content: space-between;
|
|
33
|
+
height: 100%;
|
|
34
|
+
|
|
30
35
|
:global {
|
|
31
|
-
|
|
32
|
-
padding: 10px 20px;
|
|
36
|
+
header {
|
|
33
37
|
display: flex;
|
|
34
|
-
align-items: center;
|
|
35
38
|
justify-content: space-between;
|
|
39
|
+
align-items: center;
|
|
40
|
+
padding: 10px 20px;
|
|
41
|
+
border-bottom: 1px solid #f2f2f2;
|
|
42
|
+
|
|
43
|
+
.share-certificate-download {
|
|
44
|
+
border: #000;
|
|
45
|
+
color: #fff;
|
|
46
|
+
background-color: #000;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.share-certificate-title {
|
|
50
|
+
padding: 0 10px;
|
|
51
|
+
color: #000;
|
|
52
|
+
font-weight: 500;
|
|
53
|
+
font-size: 15px;
|
|
54
|
+
line-height: 15px;
|
|
55
|
+
}
|
|
36
56
|
}
|
|
37
57
|
|
|
38
58
|
.share-certificate-client-body {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
59
|
+
height: 100%;
|
|
60
|
+
|
|
61
|
+
.share-cert-scale {
|
|
62
|
+
margin-top: -83px;
|
|
63
|
+
margin-left: -51px;
|
|
64
|
+
}
|
|
44
65
|
}
|
|
45
66
|
|
|
46
67
|
.share-certificate-client-footer {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
68
|
+
font-size: 12px;
|
|
69
|
+
color: gray;
|
|
70
|
+
text-align: center;
|
|
71
|
+
padding: 10px 20px;
|
|
51
72
|
}
|
|
52
73
|
}
|
|
53
74
|
}
|
|
54
75
|
|
|
55
76
|
:global {
|
|
56
|
-
|
|
57
77
|
.share-certificate-client-view-disclaimer {
|
|
58
78
|
.ant-modal-body {
|
|
59
79
|
height: 600px;
|
|
@@ -65,4 +85,32 @@
|
|
|
65
85
|
font-size: 14px;
|
|
66
86
|
}
|
|
67
87
|
}
|
|
68
|
-
|
|
88
|
+
|
|
89
|
+
.share-certificate-client-view-disclaimer {
|
|
90
|
+
.ant-modal-body {
|
|
91
|
+
padding: 0;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.share-certificate-disclaimer-content-mobile {
|
|
96
|
+
height: 100%;
|
|
97
|
+
|
|
98
|
+
.disclaimer-content {
|
|
99
|
+
height: 100%;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.accept-button {
|
|
103
|
+
padding: 5px 20px;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.share-certificate-disclaimer-content-pc {
|
|
108
|
+
.disclaimer-content {
|
|
109
|
+
height: 540px;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.accept-button {
|
|
113
|
+
padding: 10px 20px;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
}
|