made responsive status cards

This commit is contained in:
gugak 2025-05-07 04:12:04 -07:00
parent 79f5f40606
commit 6991e1ab46
3 changed files with 85 additions and 56 deletions

View File

@ -2026,7 +2026,7 @@
"props": {
"dismissOnSelect": false,
"enabled": false,
"formattedValue": "Apr 25, 2025 2:56 PM",
"formattedValue": "Apr 25, 2025 3:56 AM",
"formattedValues": {
"date": "Mar 26, 2021",
"datetime": "Mar 26, 2021 12:00 AM",
@ -2215,7 +2215,7 @@
],
"$ts": 1745580379000
},
"formattedValue": "Apr 25, 2025 3:26 PM",
"formattedValue": "Apr 25, 2025 4:26 AM",
"formattedValues": {
"date": "Mar 29, 2021",
"datetime": "Mar 29, 2021 1:37 PM",

View File

@ -22,13 +22,13 @@
"name": "Image"
},
"position": {
"height": 419.63,
"height": 0.8196,
"rotate": {
"anchor": "251% 110%"
},
"width": 93,
"x": 11,
"y": 75.6641
"width": 0.7949,
"x": 0.094,
"y": 0.1478
},
"propConfig": {
"props.source": {
@ -48,44 +48,70 @@
"type": "ia.display.image"
},
{
"children": [
{
"meta": {
"name": "Label"
},
"position": {
"height": 1.0001,
"width": 0.9999
},
"propConfig": {
"props.text": {
"binding": {
"config": {
"path": "view.params.MCM"
},
"type": "property"
}
}
},
"props": {
"style": {
"borderColor": "#1A1A1A",
"borderStyle": "solid",
"overflow": "visible",
"whiteSpace": "normal",
"wordBreak": "break-all"
},
"textStyle": {
"fontFamily": "inherit",
"fontSize": "1em",
"textAlign": "center"
}
},
"type": "ia.display.label"
}
],
"meta": {
"name": "Label"
"name": "CoordinateContainer"
},
"position": {
"height": 34.21,
"height": 0.1211,
"rotate": {
"anchor": "-132% -413%"
},
"width": 83,
"x": 17,
"y": 28
},
"propConfig": {
"props.text": {
"binding": {
"config": {
"path": "view.params.MCM"
},
"type": "property"
}
}
"width": 0.7094,
"x": 0.1452,
"y": 0.0098
},
"props": {
"mode": "percent",
"style": {
"borderColor": "#1A1A1A",
"borderStyle": "solid"
},
"textStyle": {
"fontFamily": "inherit",
"textAlign": "center"
"overflow": "hidden",
"transform": "scale(1)"
}
},
"type": "ia.display.label"
"type": "ia.container.coord"
}
],
"meta": {
"name": "root"
},
"props": {
"mode": "percent"
},
"type": "ia.container.coord"
}
}

View File

@ -32,10 +32,10 @@
"name": "MCM01_PLC"
},
"position": {
"height": 505,
"width": 121,
"x": 84,
"y": 28
"height": 0.5649,
"width": 0.063,
"x": 0.0437,
"y": 0.0313
},
"props": {
"params": {
@ -62,10 +62,10 @@
"name": "MCM02_PLC"
},
"position": {
"height": 505,
"width": 121,
"x": 332,
"y": 341.49310302734375
"height": 0.5649,
"width": 0.063,
"x": 0.1729,
"y": 0.382
},
"props": {
"params": {
@ -92,10 +92,10 @@
"name": "MCM03_PLC"
},
"position": {
"height": 505,
"width": 121,
"x": 604,
"y": 57
"height": 0.5649,
"width": 0.063,
"x": 0.3146,
"y": 0.0638
},
"props": {
"params": {
@ -122,10 +122,10 @@
"name": "MCM04_PLC"
},
"position": {
"height": 505,
"width": 121,
"x": 854,
"y": 351
"height": 0.5649,
"width": 0.063,
"x": 0.4448,
"y": 0.3926
},
"props": {
"params": {
@ -152,10 +152,10 @@
"name": "MCM05_PLC"
},
"position": {
"height": 505,
"width": 121,
"x": 1130,
"y": 68.5
"height": 0.5649,
"width": 0.063,
"x": 0.5885,
"y": 0.0766
},
"props": {
"params": {
@ -182,10 +182,10 @@
"name": "MCM06_PLC"
},
"position": {
"height": 505,
"width": 121,
"x": 1425,
"y": 341.99010302734376
"height": 0.5649,
"width": 0.063,
"x": 0.7422,
"y": 0.3825
},
"props": {
"params": {
@ -212,10 +212,10 @@
"name": "MCM07_PLC"
},
"position": {
"height": 505,
"width": 121,
"x": 1650,
"y": 48.5
"height": 0.5649,
"width": 0.063,
"x": 0.8594,
"y": 0.0543
},
"props": {
"params": {
@ -230,6 +230,9 @@
"meta": {
"name": "root"
},
"props": {
"mode": "percent"
},
"type": "ia.container.coord"
}
}