Mercurial > libervia-templates
diff sat_templates/templates/bulma/chat/groups_search_item.html @ 403:65c53ec5e777
Bulma: complete redesign:
This is a WIP full redesign of the whole web UI. Only chat is usable at the moment, many
things are broken.
The design uses the new Bulma v1+, has a look closer to industry standards, paves the way
for a dark theme, and should be easy to use.
It's a basis for coming features such as UI/UX for threads.
rel 457
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 11 Apr 2025 21:32:05 +0200 |
| parents | |
| children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/sat_templates/templates/bulma/chat/groups_search_item.html Fri Apr 11 21:32:05 2025 +0200 @@ -0,0 +1,28 @@ +{% import 'components/avatar.html' as avatar with context %} + + + +<div class="search-item box py-2 px-3 mb-2 is-unselectable is-clickable" {{ {'data-entity': item.entity}|xmlattr }}> + <div class="is-flex is-align-items-center"> + <div class="mr-2"> + {{ avatar.avatar(item.entity) }} + </div> + <div class="is-flex-grow-1"> + <p class="mb-0">{{item.name if item.name else item.entity}}</p> + <p class="has-text-grey is-size-7">{{item.entity}}</p> + </div> + <div> + {% if item.occupants %} + <span class="tag is-info is-light"> + <span class="icon-text"> + <span class="icon"> + <i class="fa-solid fa-user"></i> + </span> + <span>23</span> + </span> + </span> + {% endif %} + </div> + </div> +</div> +