{% extends "profile/base.html" %} {% block content %}
<div class="card-nest">
    <div class="card small flex gap-2 items-center">
        {{ icon "users-round" }}
        <span>{{ text "auth:label.following" }}</span>
    </div>

    <div class="card flex flex-wrap gap-4 flex-collapse">
        <!-- prettier-ignore -->
        {% for item in list %}
            {{ components::user_plate(user=item[1], secondary=true) }}
        {% endfor %} {{ components::pagination(page=page, items=list|length) }}
    </div>
</div>

<style>
    .user_plate {
        width: calc(50% - 0.5rem);
    }

    @media screen and (max-width: 900px) {
        .user_plate {
            width: 100%;
        }
    }
</style>
{% endblock %}