colgora/Mangarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added:

Browse Source 
- only body block is scrollable
This commit is contained in:
Jérémy Guillot
2024-06-26 17:29:14 +02:00
parent 8ad03f2657
commit d52b724df5
2 changed files with 89 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
templates/menu/menu.html.twig
View File

@@ -1,48 +1,44 @@
<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>
<div id="menu" class="h-full w-full bg-gray-600 text-white overflow-y-auto">
<nav>
<ul>
<li class="mb-4 border-l-4 border-green-600">
<div class="pl-4 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>
</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>
<ul class="ml-8 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="{{ path('app_import') }}" 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-4 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-4 hover:text-green-600">
<a href="{{ path('app_activity') }}">
<div data-controller="activity" class="flex flex-row justify-between items-center">
<div class="flex flex-row items-center">
<i class="fas fa-clock mr-2"></i>
<span>Activité</span>
</div>
<span data-activity-target="activity"
class="bg-green-500 rounded px-2 mr-2 hover:text-white hidden"></span>
</div>
</a>
</li>
<li class="mb-4 pl-4 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-4 flex items-center hover:text-green-600">
<i class="fas fa-desktop mr-2"></i>
<span>Système</span>
</li>
</ul>
</nav>
</div>