wip: add bar to keyboard
This commit is contained in:
@@ -8,6 +8,8 @@
|
||||
width="${width}" height="${height}" min_width="${width}" min_height="${height}" max_width="${width}" max_height="${height}"
|
||||
/>
|
||||
|
||||
<macro name="bg_rect" width="100%" color="~color_bg" round="16" border="2" border_color="~color_accent"/>
|
||||
|
||||
<!-- The keyboard is build from the xkb keymap. This file is for customizing the keycaps. -->
|
||||
|
||||
<!-- Key cap with a single label. -->
|
||||
@@ -71,4 +73,36 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<!-- An app with a single icon. -->
|
||||
<template name="AppIcon">
|
||||
<div macro="keycap_div" width="80" height="80">
|
||||
<rectangle id="${id}" macro="keycap_rect">
|
||||
<sprite color="~color_text" width="32" height="32" src="${src}" />
|
||||
</rectangle>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<elements>
|
||||
<div flex_direction="column" interactable="0">
|
||||
<rectangle macro="bg_rect" padding="16" align_items="center" justify_content="space_between">
|
||||
<div id="bar_root">
|
||||
<AppIcon id="test1" />
|
||||
<AppIcon id="test2" />
|
||||
<AppIcon id="test3" />
|
||||
</div>
|
||||
<div id="tray_root">
|
||||
<div align_items="center" flex_direction="column" gap="4">
|
||||
<label text="23:59" _source="clock" _display="time" size="28" />
|
||||
<label text="Tuesday" _source="clock" _display="dow" size="22" />
|
||||
<label text="22/2/2022" _source="clock" _display="date" size="22" />
|
||||
</div>
|
||||
</div>
|
||||
</rectangle>
|
||||
<div width="100%" height="20" interactable="0" />
|
||||
<rectangle id="keyboard_root" macro="bg_rect" flex_direction="column" padding="16">
|
||||
</rectangle>
|
||||
</div>
|
||||
</elements>
|
||||
|
||||
</layout>
|
||||
|
||||
Reference in New Issue
Block a user