{% extends "base.html" %}
{% block content %}
<div style="display:none">
{% block title %}YellWOWPages - User{% endblock %}
</div>

<div id="main">
    {% include 'includes/search.html' %}

    <br>
    Result(s): {{users|length}}

    {% if not users %}
      <br>Nothing found...
    {% else %}
      {% include 'includes/user_results.html' %}
    {% endif %}
</div>

<style>
    #main{
        width: 100%;
        height: 80vh;
        display: grid;
        place-content: center;
    }
    form{
        height: 80px;
    }
    #addresses{
        width: 100%;
        height: 50vh;
        overflow-y: auto;
    }
    #addresses::-webkit-scrollbar{
        display: none;
    }
    @media (max-width: 800px) {
        kbd{
            width: 100vw;
        }
    }
</style>

{% endblock %}