49 lines
2.4 KiB
Twig
49 lines
2.4 KiB
Twig
<div id="menu" class="h-full w-60 bg-gray-600 text-white hidden md:block">
|
|
<aside class="h-full">
|
|
<nav>
|
|
<ul>
|
|
<li class="mb-4 border-l-4 border-green-600">
|
|
<div class="pl-8 p-4 items-center text-green-600 bg-gray-800">
|
|
<a class="flex items-center" href="{{ path('app_manga') }}">
|
|
<i class="fas fa-book mr-2"></i>
|
|
<span>Mangas</span>
|
|
</a>
|
|
</div>
|
|
<ul class="ml-14 mt-2 space-y-4">
|
|
<li><a href="{{ path('add_new_manga') }}" class="hover:text-green-600">Ajouter un nouveau</a>
|
|
</li>
|
|
<li><a href="#" class="hover:text-green-600">Import bibliothèque</a></li>
|
|
<li><a href="#" class="hover:text-green-600">Collections</a></li>
|
|
<li><a href="#" class="hover:text-green-600">Découvrir</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="mb-4 pl-8 flex items-center hover:text-green-600">
|
|
<i class="fas fa-calendar-alt mr-2"></i>
|
|
<span>Calendrier</span>
|
|
</li>
|
|
<li class="mb-4 pl-8 hover:text-green-600">
|
|
<a href="{{ path('app_activity') }}">
|
|
<div data-controller="activity" class="flex flew-row justify-between">
|
|
<div class="flex flex-row">
|
|
<i class="fas fa-clock mr-2"></i>
|
|
<span>Activité</span>
|
|
</div>
|
|
{# TODO le texte doit être blanc au survol #}
|
|
<span data-activity-target="activity"
|
|
class="bg-green-500 rounded px-2 mr-4 hover:text-white hidden"></span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="mb-4 pl-8 flex items-center hover:text-green-600">
|
|
<i class="fas fa-cog mr-2"></i>
|
|
<span>Paramètres</span>
|
|
</li>
|
|
<li class="mb-4 pl-8 flex items-center hover:text-green-600">
|
|
<i class="fas fa-desktop mr-2"></i>
|
|
<span>Système</span>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</aside>
|
|
</div>
|