@uniai-fe/uds-templates 0.4.30 → 0.4.32
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/styles.css +1 -1
- package/package.json +1 -1
- package/src/cctv/components/pagination/buttons/Base.tsx +2 -2
- package/src/cctv/components/video/overlay/body/Error.tsx +1 -1
- package/src/cctv/components/video/overlay/footer/OpenButton.tsx +1 -1
- package/src/cctv/components/video/overlay/header/CloseButton.tsx +1 -1
- package/src/cctv/styles/cam-list.scss +4 -1
- package/src/modal/components/core/header/CloseButton.tsx +0 -1
- package/src/page-frame/mobile/components/header/Header.tsx +1 -3
package/dist/styles.css
CHANGED
|
@@ -1684,7 +1684,7 @@
|
|
|
1684
1684
|
.cctv-cam-list-track {
|
|
1685
1685
|
display: grid;
|
|
1686
1686
|
width: 100%;
|
|
1687
|
-
grid-template-columns: repeat(auto-fit, minmax(
|
|
1687
|
+
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
|
1688
1688
|
gap: var(--cctv-list-gap);
|
|
1689
1689
|
padding: 0;
|
|
1690
1690
|
margin: 0;
|
package/package.json
CHANGED
|
@@ -42,13 +42,13 @@ export default function CCTVPaginationBaseButton({
|
|
|
42
42
|
>
|
|
43
43
|
{direction === "prev" && (
|
|
44
44
|
<IconFigure className="cctv-prev-icon">
|
|
45
|
-
<LeftIcon width={24} height={24}
|
|
45
|
+
<LeftIcon width={24} height={24} />
|
|
46
46
|
</IconFigure>
|
|
47
47
|
)}
|
|
48
48
|
{children}
|
|
49
49
|
{direction === "next" && (
|
|
50
50
|
<IconFigure className="cctv-next-icon">
|
|
51
|
-
<RightIcon width={24} height={24}
|
|
51
|
+
<RightIcon width={24} height={24} />
|
|
52
52
|
</IconFigure>
|
|
53
53
|
)}
|
|
54
54
|
</button>
|
|
@@ -8,7 +8,7 @@ export default function CCTVVideoError({
|
|
|
8
8
|
return (
|
|
9
9
|
<div className="cctv-video-error">
|
|
10
10
|
<figure className="cctv-video-error-icon">
|
|
11
|
-
<CCTVErrorIcon width={24} height={24}
|
|
11
|
+
<CCTVErrorIcon width={24} height={24} />
|
|
12
12
|
</figure>
|
|
13
13
|
<p className="cctv-video-error-message">{children ?? "CCTV 연결 오류"}</p>
|
|
14
14
|
</div>
|
|
@@ -19,7 +19,7 @@ export default function CCTVVideoOpenButton({
|
|
|
19
19
|
className={clsx("cctv-video-open-button", { on: isLive === true })}
|
|
20
20
|
onClick={onOpen}
|
|
21
21
|
>
|
|
22
|
-
<ViewerOpenIcon width={24} height={24}
|
|
22
|
+
<ViewerOpenIcon width={24} height={24} />
|
|
23
23
|
</button>
|
|
24
24
|
);
|
|
25
25
|
}
|
|
@@ -12,7 +12,7 @@ export default function CCTVVideoCloseButton() {
|
|
|
12
12
|
|
|
13
13
|
return (
|
|
14
14
|
<button type="button" className="cctv-video-close-button" onClick={onClose}>
|
|
15
|
-
<ViewerCloseIcon width={36} height={36}
|
|
15
|
+
<ViewerCloseIcon width={36} height={36} />
|
|
16
16
|
</button>
|
|
17
17
|
);
|
|
18
18
|
}
|
|
@@ -17,7 +17,10 @@
|
|
|
17
17
|
.cctv-cam-list-track {
|
|
18
18
|
display: grid;
|
|
19
19
|
width: 100%;
|
|
20
|
-
grid-template-columns: repeat(
|
|
20
|
+
grid-template-columns: repeat(
|
|
21
|
+
auto-fit,
|
|
22
|
+
minmax(320px, 1fr)
|
|
23
|
+
); // 최소 너비 비율을 4:3으로 맞춤
|
|
21
24
|
gap: var(--cctv-list-gap);
|
|
22
25
|
padding: 0;
|
|
23
26
|
margin: 0;
|
|
@@ -36,9 +36,7 @@ export function MobileFrameHeader({
|
|
|
36
36
|
aria-label="뒤로가기"
|
|
37
37
|
>
|
|
38
38
|
<span className="page-frame-mobile-header__back-icon">
|
|
39
|
-
{backIcon ??
|
|
40
|
-
<IconBackward width={24} height={24} alt="뒤로가기" />
|
|
41
|
-
)}
|
|
39
|
+
{backIcon ?? <IconBackward width={24} height={24} />}
|
|
42
40
|
</span>
|
|
43
41
|
</button>
|
|
44
42
|
) : (
|