wip: active downloads in header

This commit is contained in:
2025-05-14 16:18:33 -05:00
parent 74506f6928
commit 46deba2982
4 changed files with 27 additions and 4 deletions

View File

@@ -4,11 +4,29 @@
<twig:SearchBar />
<div class="md:flex md:items-center md:gap-12">
<nav aria-label="Global" class="md:block">
<ul class="flex items-center gap-6 text-sm">
<li><twig:ux:icon name="fluent:alert-12-regular" width="30px" class="text-gray-950 bg-orange-500 rounded-full p-2"/></li>
<ul class="flex items-center align-middle gap-6 text-sm">
<li id="active_download_notis" class="">
<ul>
{% if this.activeDownloads|length > 0 %}
<li class="flex flex-col gap-1 align-middle">
<twig:ux:icon name="flowbite:download-outline" width="1.75rem" color="#f97316" class="border-2 border-orange-500 rounded-md p-1" />
{# {% include 'partial/alert-status.html.twig' %}#}
{# <div class="absolute" style="top: 3.5rem; right: 7rem; z-index: 1000;">#}
{# <div class="flex flex-col gap-1 bg-cyan-950 border-2 border-orange-500 text-white rounded-md p-3">#}
{# <h3>Inception</h3>#}
{# <div class="border-2 border-green-700 rounded-md w-full h-6 align-middle overflow-hidden">#}
{# <div class="rounded-sm text-bold text-center text-white bg-green-600 h-5" style="width:47%">47%</div>#}
{# </div>#}
{# </div>#}
{# </div>#}
</li>
{% endif %}
</ul>
</li>
<li><twig:ux:icon name="fluent:alert-12-regular" width="2.5rem" class="text-orange-500 rounded-full p-2"/></li>
<li>
<a href="{{ path('app_logout') }}">
<twig:ux:icon name="material-symbols:logout" width="25px" class="text-orange-500" />
<twig:ux:icon name="material-symbols:logout" width="2rem" class="text-orange-500" />
</a>
</li>
</ul>