@things-factory/integration-ui 10.0.5 → 10.0.7
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/client/viewparts/monitoring-summary.ts +6 -3
- package/client/viewparts/scenario-instance-monitor.ts +2 -1
- package/client/viewparts/scenario-monitor.ts +4 -2
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-client/viewparts/monitoring-summary.js +6 -3
- package/dist-client/viewparts/monitoring-summary.js.map +1 -1
- package/dist-client/viewparts/scenario-instance-monitor.js +2 -1
- package/dist-client/viewparts/scenario-instance-monitor.js.map +1 -1
- package/dist-client/viewparts/scenario-monitor.js +4 -2
- package/dist-client/viewparts/scenario-monitor.js.map +1 -1
- package/package.json +6 -6
|
@@ -17,9 +17,11 @@ export class IntegrationMonitoringSummary extends localize(i18next)(LitElement)
|
|
|
17
17
|
flex-direction: row;
|
|
18
18
|
|
|
19
19
|
overflow: hidden;
|
|
20
|
-
|
|
20
|
+
/* 요약 타일 줄은 큰 면이므로 강조 역할(secondary)이 아니라 표면 계단을 쓴다.
|
|
21
|
+
다크에서 secondary 는 밝아져 화면 상단이 갈색 띠가 됐다. */
|
|
22
|
+
background-color: var(--md-sys-color-surface-container);
|
|
21
23
|
border-radius: var(--border-radius);
|
|
22
|
-
color: var(--md-sys-color-on-
|
|
24
|
+
color: var(--md-sys-color-on-surface-variant);
|
|
23
25
|
}
|
|
24
26
|
|
|
25
27
|
[card] {
|
|
@@ -34,7 +36,8 @@ export class IntegrationMonitoringSummary extends localize(i18next)(LitElement)
|
|
|
34
36
|
strong {
|
|
35
37
|
font-size: 36px;
|
|
36
38
|
line-height: 30px;
|
|
37
|
-
|
|
39
|
+
/* 배경이 표면색이므로 짝이 되는 글자색을 쓴다. on-primary 는 primary 위에 놓는 색이다. */
|
|
40
|
+
color: var(--md-sys-color-on-surface);
|
|
38
41
|
}
|
|
39
42
|
span {
|
|
40
43
|
display: block;
|
|
@@ -78,7 +78,8 @@ export class ScenarioMonitor extends localize(i18next)(LitElement) {
|
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
[desc] [schedule] {
|
|
81
|
-
|
|
81
|
+
/* #f1f1f1 은 다크 카드 안에서 흰 알약처럼 남았다 */
|
|
82
|
+
background-color: var(--md-sys-color-surface-container-highest);
|
|
82
83
|
border-radius: 20px;
|
|
83
84
|
margin: var(--spacing-medium) 0;
|
|
84
85
|
padding: var(--spacing-small);
|
|
@@ -163,7 +164,8 @@ export class ScenarioMonitor extends localize(i18next)(LitElement) {
|
|
|
163
164
|
position: absolute;
|
|
164
165
|
width: 100%;
|
|
165
166
|
height: 100%;
|
|
166
|
-
|
|
167
|
+
/* 흰 반투명 덮개 → 현재 표면에서 파생. 다크에서 밝은 판이 되지 않게. */
|
|
168
|
+
background-color: color-mix(in srgb, var(--md-sys-color-surface) 85%, transparent);
|
|
167
169
|
}
|
|
168
170
|
|
|
169
171
|
pre {
|