responsive nav buttons

This commit is contained in:
gugak 2025-05-07 03:25:19 -07:00
parent ba936a1e56
commit 79f5f40606
2 changed files with 10 additions and 25 deletions

View File

@ -43,7 +43,7 @@
"name": "Button" "name": "Button"
}, },
"position": { "position": {
"basis": "120px", "basis": "65%",
"grow": 1 "grow": 1
}, },
"propConfig": { "propConfig": {
@ -59,26 +59,7 @@
"props": { "props": {
"style": { "style": {
"backgroundColor": "#FFFFFF", "backgroundColor": "#FFFFFF",
"borderBottomColor": "#555555", "cursor": "pointer"
"borderBottomLeftRadius": 8,
"borderBottomRightRadius": 8,
"borderBottomStyle": "solid",
"borderBottomWidth": 4,
"borderLeftColor": "#000000",
"borderLeftStyle": "solid",
"borderLeftWidth": 1.5,
"borderRightColor": "#555555",
"borderRightStyle": "solid",
"borderRightWidth": 3,
"borderTopColor": "#000000",
"borderTopLeftRadius": 8,
"borderTopRightRadius": 8,
"borderTopStyle": "solid",
"borderTopWidth": 1.5,
"cursor": "pointer",
"outlineColor": "#000000",
"outlineStyle": "none",
"outlineWidth": "3"
}, },
"textStyle": { "textStyle": {
"color": "#000000", "color": "#000000",
@ -94,8 +75,8 @@
"name": "Main_Panel" "name": "Main_Panel"
}, },
"position": { "position": {
"basis": "35px", "basis": "30%",
"shrink": 0 "grow": 1
}, },
"propConfig": { "propConfig": {
"props.params.tagProps[0]": { "props.params.tagProps[0]": {
@ -131,6 +112,10 @@
"meta": { "meta": {
"name": "root" "name": "root"
}, },
"props": {
"alignContent": "flex-start",
"justify": "center"
},
"type": "ia.container.flex" "type": "ia.container.flex"
} }
} }

View File

@ -10,7 +10,7 @@
"priority": 0, "priority": 0,
"priority_string": "No active alarms", "priority_string": "No active alarms",
"running_status": 0, "running_status": 0,
"searchId": "value", "searchId": "PLC01",
"state": 5, "state": 5,
"state_string": "Unknown" "state_string": "Unknown"
}, },
@ -371,7 +371,7 @@
"path": "material/offline_bolt", "path": "material/offline_bolt",
"style": { "style": {
"borderColor": "#000000", "borderColor": "#000000",
"borderStyle": "solid", "borderStyle": "none",
"borderWidth": "2px" "borderWidth": "2px"
} }
}, },