@floegence/floe-webapp-core 0.74.2 → 0.76.0
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/components/ui/Charts.d.ts +8 -5
- package/dist/components/ui/Charts.js +385 -369
- package/dist/components/ui/Settings.js +78 -69
- package/dist/reload-placeholder.js +34 -32
- package/dist/styles.css +1 -1
- package/dist/ui.css +29 -0
- package/package.json +1 -1
package/dist/ui.css
CHANGED
|
@@ -1189,15 +1189,44 @@
|
|
|
1189
1189
|
/* Monitoring chart */
|
|
1190
1190
|
.chart-monitoring {
|
|
1191
1191
|
width: 100%;
|
|
1192
|
+
min-width: 0;
|
|
1193
|
+
container: monitoring-chart / inline-size;
|
|
1192
1194
|
}
|
|
1193
1195
|
|
|
1194
1196
|
.chart-monitoring-header {
|
|
1195
1197
|
display: flex;
|
|
1196
1198
|
align-items: center;
|
|
1197
1199
|
justify-content: space-between;
|
|
1200
|
+
gap: 8px;
|
|
1198
1201
|
margin-bottom: 8px;
|
|
1199
1202
|
}
|
|
1200
1203
|
|
|
1204
|
+
.chart-monitoring-heading {
|
|
1205
|
+
display: flex;
|
|
1206
|
+
align-items: center;
|
|
1207
|
+
gap: 8px;
|
|
1208
|
+
min-width: 0;
|
|
1209
|
+
}
|
|
1210
|
+
|
|
1211
|
+
.chart-monitoring-heading .chart-title {
|
|
1212
|
+
margin: 0;
|
|
1213
|
+
overflow-wrap: anywhere;
|
|
1214
|
+
}
|
|
1215
|
+
|
|
1216
|
+
.chart-monitoring-meta {
|
|
1217
|
+
flex-shrink: 0;
|
|
1218
|
+
max-width: 100%;
|
|
1219
|
+
overflow-wrap: anywhere;
|
|
1220
|
+
font-size: 11px;
|
|
1221
|
+
font-variant-numeric: tabular-nums;
|
|
1222
|
+
color: var(--muted-foreground);
|
|
1223
|
+
text-align: end;
|
|
1224
|
+
}
|
|
1225
|
+
|
|
1226
|
+
@container monitoring-chart (width < 480px) {
|
|
1227
|
+
.chart-monitoring-status span { display: none; }
|
|
1228
|
+
}
|
|
1229
|
+
|
|
1201
1230
|
.chart-monitoring-status {
|
|
1202
1231
|
display: flex;
|
|
1203
1232
|
align-items: center;
|