zh-web-sdk 2.1.2 → 2.1.4
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/dist/index.js +5 -5
- package/dist/index.js.map +3 -3
- package/dist/styles.d.ts +1 -0
- package/package.json +1 -1
- package/src/iframe-container/AppContainer.tsx +5 -1
- package/src/styles.ts +7 -3
package/dist/styles.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export declare const containerMediaStyles: {
|
|
|
9
9
|
[id: string]: CSSProperties;
|
|
10
10
|
};
|
|
11
11
|
export declare const appWrapperStyle: CSSProperties;
|
|
12
|
+
export declare const height: CSSProperties;
|
|
12
13
|
export declare const appWrapperHiddenStyle: CSSProperties;
|
|
13
14
|
export declare const modalStyle: CSSProperties;
|
|
14
15
|
export declare const iframeWrapperStyle: CSSProperties;
|
package/package.json
CHANGED
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
modalStyle,
|
|
12
12
|
screenSizes,
|
|
13
13
|
appWrapperHiddenStyle,
|
|
14
|
+
height
|
|
14
15
|
} from "../styles";
|
|
15
16
|
import {
|
|
16
17
|
MESSAGE_TYPE_SEND_JWT_TOKEN_ACH_DEPOSITS,
|
|
@@ -146,7 +147,10 @@ const AppContainer = ({
|
|
|
146
147
|
}
|
|
147
148
|
return (
|
|
148
149
|
<div
|
|
149
|
-
style={isAppActive ?
|
|
150
|
+
style={isAppActive ? {
|
|
151
|
+
...appWrapperStyle,
|
|
152
|
+
...height
|
|
153
|
+
} : appWrapperHiddenStyle}
|
|
150
154
|
onClick={() => closeModal(appIdentifier)}
|
|
151
155
|
>
|
|
152
156
|
<div
|
package/src/styles.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {CSSProperties} from "react";
|
|
1
|
+
import { CSSProperties } from "react";
|
|
2
2
|
|
|
3
3
|
const MTE_SM = 540;
|
|
4
4
|
|
|
@@ -11,7 +11,7 @@ export const screenSizes: { id: string, size: number }[] = [
|
|
|
11
11
|
|
|
12
12
|
export const minWidthMatcher = (): string => {
|
|
13
13
|
for (let i = 0; i < screenSizes.length; i++) {
|
|
14
|
-
const {id, size} = screenSizes[i];
|
|
14
|
+
const { id, size } = screenSizes[i];
|
|
15
15
|
if (window.matchMedia(`(min-width: ${size}px`).matches) {
|
|
16
16
|
return id
|
|
17
17
|
}
|
|
@@ -53,6 +53,10 @@ export const appWrapperStyle: CSSProperties = {
|
|
|
53
53
|
cursor: "pointer",
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
+
export const height: CSSProperties = {
|
|
57
|
+
height: "100dvh",
|
|
58
|
+
}
|
|
59
|
+
|
|
56
60
|
export const appWrapperHiddenStyle: CSSProperties = {
|
|
57
61
|
display: "none",
|
|
58
62
|
width: 0,
|
|
@@ -82,4 +86,4 @@ export const iframeStyle: CSSProperties = {
|
|
|
82
86
|
padding: 0,
|
|
83
87
|
overflow: "hidden",
|
|
84
88
|
borderRadius: "0 0 15px 15px"
|
|
85
|
-
};
|
|
89
|
+
};
|