215 lines
5.2 KiB
Plaintext
215 lines
5.2 KiB
Plaintext
{
|
|
"version": "2.6",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "simpleMarketCard",
|
|
"x": 0,
|
|
"y": 0,
|
|
"name": "Simple Market Card",
|
|
"theme": {
|
|
"Mode": "Light",
|
|
"Base": "Neutral",
|
|
"Accent": "Default"
|
|
},
|
|
"enabled": false,
|
|
"clip": true,
|
|
"width": 350,
|
|
"height": 200,
|
|
"fill": "#ffffffff",
|
|
"layout": "none"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "marketCard",
|
|
"x": 20,
|
|
"y": 20,
|
|
"width": 310,
|
|
"height": 160,
|
|
"fill": "#ffffffff",
|
|
"cornerRadius": 8,
|
|
"stroke": {
|
|
"align": "inside",
|
|
"thickness": 1,
|
|
"fill": "#e7e7e7ff"
|
|
},
|
|
"layout": "none",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "marketImage",
|
|
"x": 12,
|
|
"y": 12,
|
|
"width": 40,
|
|
"height": 40,
|
|
"fill": "#f0f0f0",
|
|
"cornerRadius": 4,
|
|
"layout": "none"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "marketTitle",
|
|
"x": 60,
|
|
"y": 12,
|
|
"name": "Mamdan opens city-owned grocery store b...",
|
|
"fill": "#000000",
|
|
"textGrowth": "fixed-width-height",
|
|
"width": 169,
|
|
"height": 16,
|
|
"content": "Mamdan opens city-owned grocery store b...",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "500"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "chanceContainer",
|
|
"x": 258,
|
|
"y": 12,
|
|
"width": 42,
|
|
"height": 40,
|
|
"layout": "none",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "progressBar",
|
|
"x": 0,
|
|
"y": 0,
|
|
"width": 40,
|
|
"height": 40,
|
|
"fill": "#ffffff",
|
|
"cornerRadius": 20,
|
|
"stroke": {
|
|
"align": "center",
|
|
"thickness": 4,
|
|
"fill": "#e0e0e0"
|
|
},
|
|
"layout": "none",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "progressFill",
|
|
"x": 2,
|
|
"y": 2,
|
|
"width": 36,
|
|
"height": 36,
|
|
"fill": "#ffffff",
|
|
"cornerRadius": 18,
|
|
"stroke": {
|
|
"align": "center",
|
|
"thickness": 4,
|
|
"fill": "#ff0000"
|
|
},
|
|
"layout": "none"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "chanceValue",
|
|
"x": 10,
|
|
"y": 12,
|
|
"fill": "#ff0000",
|
|
"content": "17%",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 12,
|
|
"fontWeight": "600"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "chanceLabel",
|
|
"x": 0,
|
|
"y": 42,
|
|
"fill": "#808080",
|
|
"content": "chance",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 10,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "optionYes",
|
|
"x": 12,
|
|
"y": 72,
|
|
"width": 149,
|
|
"height": 40,
|
|
"fill": "#e6f9e6",
|
|
"cornerRadius": 4,
|
|
"layout": "none",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "optionTextYes",
|
|
"x": 61,
|
|
"y": 10,
|
|
"fill": "#008000",
|
|
"content": "Yes",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "500"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "optionNo",
|
|
"x": 166,
|
|
"y": 72,
|
|
"width": 132,
|
|
"height": 40,
|
|
"fill": "#ffe6e6",
|
|
"cornerRadius": 4,
|
|
"layout": "none",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "optionTextNo",
|
|
"x": 55,
|
|
"y": 10,
|
|
"fill": "#ff0000",
|
|
"content": "No",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "500"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "marketInfo",
|
|
"x": 12,
|
|
"y": 124,
|
|
"fill": "#808080",
|
|
"content": "$155k Vol.",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 12,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "icon_font",
|
|
"id": "giftIcon",
|
|
"x": 240,
|
|
"y": 124,
|
|
"width": 16,
|
|
"height": 16,
|
|
"iconFontName": "gift",
|
|
"iconFontFamily": "mdi",
|
|
"fill": "#808080"
|
|
},
|
|
{
|
|
"type": "icon_font",
|
|
"id": "bookmarkIcon",
|
|
"x": 270,
|
|
"y": 124,
|
|
"width": 16,
|
|
"height": 16,
|
|
"iconFontName": "bookmark",
|
|
"iconFontFamily": "mdi",
|
|
"fill": "#808080"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
} |