@uniai-fe/uds-templates 0.11.0 → 0.11.2
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 +2 -12
- package/package.json +7 -7
- package/src/cctv/styles/cam-list.scss +2 -15
package/dist/styles.css
CHANGED
|
@@ -2076,21 +2076,11 @@
|
|
|
2076
2076
|
}
|
|
2077
2077
|
|
|
2078
2078
|
.cctv-cam-list-item .cctv-video-container {
|
|
2079
|
+
height: var(--cctv-card-height);
|
|
2079
2080
|
min-height: 0;
|
|
2080
|
-
|
|
2081
|
-
aspect-ratio: 16/9;
|
|
2081
|
+
aspect-ratio: auto;
|
|
2082
2082
|
}
|
|
2083
2083
|
|
|
2084
|
-
@container cctv-cam-list (min-width: 612px) {
|
|
2085
|
-
.cctv-cam-list-track {
|
|
2086
|
-
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
2087
|
-
}
|
|
2088
|
-
}
|
|
2089
|
-
@container cctv-cam-list (min-width: 924px) {
|
|
2090
|
-
.cctv-cam-list-track {
|
|
2091
|
-
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
2092
|
-
}
|
|
2093
|
-
}
|
|
2094
2084
|
.cctv-pagination-container {
|
|
2095
2085
|
width: 100%;
|
|
2096
2086
|
display: flex;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniai-fe/uds-templates",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.2",
|
|
4
4
|
"description": "UNIAI Design System; UI Templates Package",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"private": false,
|
|
@@ -67,17 +67,17 @@
|
|
|
67
67
|
"react-hook-form": "^7.82.0",
|
|
68
68
|
"sass": "^1.101.3",
|
|
69
69
|
"typescript": "6.0.3",
|
|
70
|
-
"@uniai-fe/next-devkit": "0.4.0",
|
|
71
|
-
"@uniai-fe/uds-primitives": "0.10.2",
|
|
72
|
-
"@uniai-fe/uds-foundation": "0.5.0",
|
|
73
70
|
"@uniai-fe/eslint-config": "0.4.2",
|
|
71
|
+
"@uniai-fe/next-devkit": "0.4.0",
|
|
74
72
|
"@uniai-fe/react-hooks": "0.3.0",
|
|
75
|
-
"@uniai-fe/
|
|
73
|
+
"@uniai-fe/uds-foundation": "0.5.0",
|
|
76
74
|
"@uniai-fe/util-api": "0.2.1",
|
|
75
|
+
"@uniai-fe/tsconfig": "0.2.0",
|
|
77
76
|
"@uniai-fe/util-functions": "0.4.3",
|
|
78
77
|
"@uniai-fe/util-jotai": "0.3.0",
|
|
79
|
-
"@uniai-fe/util-
|
|
80
|
-
"@uniai-fe/
|
|
78
|
+
"@uniai-fe/util-next": "0.5.0",
|
|
79
|
+
"@uniai-fe/uds-primitives": "0.10.2",
|
|
80
|
+
"@uniai-fe/util-rtc": "0.2.1"
|
|
81
81
|
},
|
|
82
82
|
"scripts": {
|
|
83
83
|
"check:pre-commit": "pnpm --dir ../../.. run check:pre-commit",
|
|
@@ -32,20 +32,7 @@
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.cctv-cam-list-item .cctv-video-container {
|
|
35
|
+
height: var(--cctv-card-height);
|
|
35
36
|
min-height: 0;
|
|
36
|
-
|
|
37
|
-
aspect-ratio: 16 / 9;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
// CCTV 목록은 300px card + 12px gap을 기준으로 최대 3열까지만 확장한다.
|
|
41
|
-
@container cctv-cam-list (min-width: 612px) {
|
|
42
|
-
.cctv-cam-list-track {
|
|
43
|
-
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
@container cctv-cam-list (min-width: 924px) {
|
|
48
|
-
.cctv-cam-list-track {
|
|
49
|
-
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
50
|
-
}
|
|
37
|
+
aspect-ratio: auto;
|
|
51
38
|
}
|