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

Added:

Browse Source 
- new simpler modal without bootstrap
- new loadingbutton component
- cleanupsome old code
- toolbar adjusments
This commit is contained in:
Jérémy Guillot
2024-06-30 12:44:41 +02:00
parent b4f0811bca
commit ba30d3102d
23 changed files with 403 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
templates/base.html.twig
View File

@@ -15,7 +15,7 @@
<body class="bg-gray-50 h-full overflow-hidden" data-controller="menu">
<div data-controller="mercure" data-mercure-topic="notification"></div>
<div data-controller="alert" class="fixed right-0 z-50 flex justify-center w-full">
<div data-controller="alert" class="fixed right-0 z-[60] flex justify-center w-full">
<div data-alert-target="alert" style="display: none;"
class="mt-8 max-w-fit p-4 rounded-lg shadow-lg text-white border-2 border-gray-200 transition-opacity duration-1000 ease-out">
<i data-alert-target="icon" class="fa text-xl mr-2"></i>
@@ -24,11 +24,8 @@
</div>
<!-- Header -->
<header class="bg-green-600 h-16 flex items-center fixed w-full z-30">
<button data-action="click->menu#toggleMenu" class="text-white p-2 md:hidden">
<i class="fas fa-bars"></i>
</button>
<div class="flex justify-center ml-10">
<header class="bg-green-600 h-16 flex items-center fixed w-full z-50">
<div class="flex justify-center ml-4">
<a class="flex flex-row justify-start" href="{{ path('app_manga') }}">
{# <div class="flex items-center"> #}
{# <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" #}
@@ -50,8 +47,11 @@
<img src="{{ asset('img/mangarr_logo.png') }}" alt="Mangarr" class="w-32 shadow-xl">
</a>
</div>
<div class="ml-8 w-60">
<twig:Search/>
<button data-action="click->menu#toggleMenu" class="ml-4 text-white p-2 md:hidden">
<i class="fas fa-bars"></i>
</button>
<div class="ml-4 w-60 relative">
<twig:Search/> <!-- Search component -->
</div>
</header>
@@ -59,7 +59,7 @@
<div class="flex h-full pt-16">
<!-- Sidebar -->
<nav data-menu-target="sidebar" class="w-60 bg-white h-full overflow-y-auto fixed left-0 transform -translate-x-full transition-transform duration-200 ease-in-out md:translate-x-0 z-40">
{% include 'menu/menu.html.twig' %}
{% include 'menu/menu.html.twig' %} <!-- Menu component -->
</nav>
<!-- Main content -->