wayvr/dash-frontend/assets/gui/tab/apps.xml

59 lines
2.2 KiB
XML

<layout>
<include src="../t_group_box.xml" />
<!-- tooltip, src, src_ext, name -->
<template name="AppEntry">
<Button
id="button" tooltip_side="bottom" tooltip="${tooltip}" width="116" max_width="140" min_height="100" flex_grow="1"
flex_direction="column" overflow="visible" align_items="center" justify_content="center" gap="4"
>
<div>
<sprite src="${src}" src_ext="${src_ext}" width="64" height="64" color="#FFFFFF" />
</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" />
</div>
</Button>
</template>
<template name="CategoryText">
<rectangle width="100%" flex_direction="column" round="8" border="2" gradient="vertical" color2="background" color="background_variant" border_color="outline">
<label margin="8" text="${text}" weight="bold" size="22" />
<rectangle height="2" color="primary" margin_left="4" margin_right="4" />
</rectangle>
</template>
<elements>
<!-- placeholders for now -->
<!--
<div gap="4" align_items="center">
<Button width="48" height="38">
<sprite src_builtin="dashboard/alphabetical.svg" width="24" height="24" />
</Button>
<Button width="48" height="38">
<sprite src_builtin="dashboard/category_search.svg" width="24" height="24" />
</Button>
<sprite src_builtin="dashboard/search.svg" width="24" height="24" />
<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>
-->
<rectangle macro="group_box">
<div align_items="center" gap="8">
<sprite src_builtin="dashboard/heart_plus.svg" min_width="24" min_height="24"/>
<label translation="PINNED_APPS"/>
</div>
<div id="pinned_apps_parent" flex_direction="row" flex_wrap="wrap" gap="4">
<!-- filled-in at runtime -->
</div>
</rectangle>
<div
id="app_list_parent"
flex_direction="row"
flex_wrap="wrap"
gap="4"
/>
</elements>
</layout>