t/tetratto
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add: better profile card ui

Browse source
This commit is contained in:
trisua 2025-04-02 14:19:37 -04:00
parent e0a6072cc4
commit 41ee7e4125
5 changed files with 25 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

23
crates/app/src/public/html/components.html
View file

@ -24,13 +24,15 @@
loading="lazy"
style="--size: {{ size }}"
/>
{% endif %} {%- endmacro %} {% macro banner(username) -%}
{% endif %} {%- endmacro %} {% macro banner(username,
border_radius="var(--radius)") -%}
<img
title="{{ username }}'s banner"
src="/api/v1/auth/profile/{{ username }}/banner"
alt="@{{ username }}'s banner"
class="banner shadow"
loading="lazy"
style="border-radius: {{ border_radius }};"
/>
{%- endmacro %} {% macro community_banner(id, community=false) -%} {% if
community %}
@ -252,14 +254,17 @@ show_community=true) -%} {% if community and show_community %}
</div>
</div>
{%- endmacro %} {% macro user_card(user) -%}
<a
class="card secondary w-full flex items-center gap-4"
href="/@{{ user.username }}"
>
{{ components::avatar(username=user.username, size="48px") }}
<div class="flex flex-col">
<h3>{{ components::username(user=user) }}</h3>
<span class="fade">{{ user.username }}</span>
<a class="card-nest w-full" href="/@{{ user.username }}">
<div class="card small" style="padding: 0">
{{ components::banner(username=user.username, border_radius="0px") }}
</div>
<div class="card secondary flex items-center gap-4">
{{ components::avatar(username=user.username, size="48px") }}
<div class="flex items-center">
<b>{{ components::username(user=user) }}</b>
{{ components::online_indicator(user=user) }}
</div>
</div>
</a>
{%- endmacro %} {% macro pagination(page=0, items=0) -%}