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

View File

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

View File

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