dash-frontend: application list grouping

This commit is contained in:
Aleksander
2026-01-06 16:23:01 +01:00
parent addcc7eed6
commit 46ab3ce960
5 changed files with 78 additions and 39 deletions

View File

@@ -99,6 +99,7 @@
</rectangle>
<!-- BOTTOM PANEL -->
<rectangle
consume_mouse_events="1"
width="100%"
height="48"
min_height="48"

View File

@@ -1,22 +1,33 @@
<layout>
<include src="t_tab_title.xml" />
<include src="../theme.xml" />
<template name="AppEntry">
<Button
id="button" width="116" max_width="140" min_height="100" flex_grow="1"
flex_direction="column" overflow="visible" align_items="center" justify_content="center" gap="4">
flex_direction="column" overflow="visible" align_items="center" justify_content="center" gap="4"
color="#3385FF10"
>
<div>
<sprite src="${src}" src_ext="${src_ext}" width="64" height="64" />
</div>
<div align_items="center" justify_content="center">
<label width="116" weight="bold" text="${name}" size="12" wrap="1" align="center" padding_left="16" padding_right="16"/>
<label width="116" weight="bold" text="${name}" size="12" wrap="1" align="center" padding_left="16" padding_right="16" />
</div>
</Button>
</template>
<template name="CategoryText">
<rectangle width="100%" flex_direction="column" round="8" border="2" gradient="vertical" color2="#4477FF09" color="#5588FF10" border_color="#FFFFFF00">
<label margin="8" text="${text}" weight="bold" size="22" />
<rectangle height="2" color="~color_accent" margin_left="4" margin_right="4" />
</rectangle>
</template>
<elements>
<TabTitle translation="APPLICATIONS" icon="dashboard/apps.svg" />
<!-- placeholders for now -->
<!--
<div gap="4" align_items="center">
<Button width="48" height="38">
<sprite src_builtin="dashboard/alphabetical.svg" width="24" height="24" />
@@ -25,18 +36,17 @@
<sprite src_builtin="dashboard/category_search.svg" width="24" height="24" />
</Button>
<sprite src_builtin="dashboard/search.svg" width="24" height="24" />
<!-- placeholder editbox -->
<rectangle flex_grow="1" height="100%" color="#1d2e51" border_color="#294774" border="2" round="4" align_items="center" padding_left="12">
<label text="Search" color="#FFFFFF88" weight="bold" />
</rectangle>
</div>
-->
<div
id="app_list_parent"
flex_direction="row"
flex_wrap="wrap"
justify_content="center"
gap="4"
overflow_y="scroll"
/>
</elements>
</layout>
</layout>

View File

@@ -7,7 +7,7 @@
</template>
<template name="ApplicationIcon">
<sprite src_ext="${path}" width="128" height="128" />
<sprite src_ext="${path}" width="96" height="96" />
</template>
<include src="../t_separator.xml" />
@@ -15,7 +15,7 @@
<elements>
<div flex_direction="row" gap="16">
<rectangle macro="group_box" id="icon_parent" padding="8" color="#0033aa66" color2="#00000022" gradient="vertical" justify_content="center">
<rectangle macro="group_box" id="icon_parent" padding="16" color="#0033aa66" color2="#00000022" gradient="vertical" justify_content="center">
</rectangle>
<div flex_direction="column" gap="8">
@@ -25,7 +25,7 @@
<Separator />
<RadioGroup id="radio_compositor" flex_direction="row" gap="16">
<RadioBox text="Native mode" value="Native" checked="1" />
<RadioBox text="Compatibility mode" value="Cage"/> <!-- TODO: tooltips -->
<RadioBox text="Compatibility mode" value="Cage" /> <!-- TODO: tooltips -->
</RadioGroup>
<Separator />
<label text="Resolution" />
@@ -51,4 +51,4 @@
</div>
</div>
</elements>
</layout>
</layout>