settings gui PoC

dash-frontend/assets/gui/t_group_box.xml

@@ -0,0 +1,24 @@
+<layout>
+  <include src="theme.xml" />
+
+  <macro name="group_box"
+    min_width="200"
+    flex_grow="1"
+    flex_direction="column"
+    align_items="baseline"
+    border="2"
+    color="#00000055"
+    border_color="#FFFFFF66"
+    padding="12"
+    gap="8"
+    round="8" />
+
+  <!-- src, text, translation -->
+  <template name="GroupBoxTitle">
+    <div flex_direction="row" align_items="center" gap="8">
+      <sprite src="${src}" width="24" height="24" />
+      <label text="${text}" translation="${translation}" weight="bold" size="18" />
+    </div>
+    <rectangle color="#FFFFFF44" width="100%" height="2" />
+  </template>
+</layout>