- small changes on base.html.twig
- added images to gitignore
This commit is contained in:
Jérémy Guillot
2024-06-20 00:11:52 +02:00
parent c1ba9820b6
commit 8ad03f2657
4 changed files with 32 additions and 14 deletions

2
.gitignore vendored
View File

@@ -31,3 +31,5 @@
npm-debug.log npm-debug.log
yarn-error.log yarn-error.log
###< symfony/webpack-encore-bundle ### ###< symfony/webpack-encore-bundle ###
/public/manga-export/
/public/manga-images/

View File

@@ -1,4 +1,20 @@
{% extends 'base.html.twig' %} {% extends 'base.html.twig' %}
{% block toolbar %}
<div class="bg-gray-800 p-3 min-h-14">
<div class="flex flex-row items-center justify-between">
<div class="flex mr-2 items-center">
<twig:ToolBarButton icon="sync-alt" text="Tout actualiser"/>
<twig:ToolBarButton icon="search" text="Rechercher le manga"/>
<div class="min-h-14 mx-4 border-r opacity-50 border-green-500"></div>
<twig:ToolBarButton icon="sitemap" text="Aperçu renommage"/>
<twig:ToolBarButton icon="user-plus" text="Importation manuelle"/>
<div class="min-h-14 mx-4 border-r opacity-50 border-green-500"></div>
<twig:ToolBarButton icon="wrench" text="Éditer"/>
<twig:ToolBarButton icon="trash-can" text="Supprimer"/>
</div>
</div>
</div>
{% endblock %}
{% block body %} {% block body %}
{# TODO styliser cette page #} {# TODO styliser cette page #}
<table class="min-w-full bg-white"> <table class="min-w-full bg-white">

View File

@@ -12,7 +12,7 @@
{{ encore_entry_script_tags('app') }} {{ encore_entry_script_tags('app') }}
{% endblock %} {% endblock %}
</head> </head>
<body class="bg-gray-50"> <body class="bg-gray-50 h-screen overflow-hidden">
<div data-controller="mercure" <div data-controller="mercure"
data-mercure-topic="notification"> data-mercure-topic="notification">
</div> </div>
@@ -51,21 +51,21 @@
<twig:Search/> <twig:Search/>
</div> </div>
</div> </div>
<div class="pt-16 flex bg-white"> {# <div class="pt-16 flex bg-white"> #}
<div class="fixed left-0 h-full mt-16">
{% include 'menu/menu.html.twig' %} {% include 'menu/menu.html.twig' %}
</div>
<div class="w-full flex flex-col ml-60 overscroll-contain"> <div class="flex flex-col ml-60 overflow-y-auto h-full">
<div class="sticky top-16 z-20"> <div class="fixed w-full overflow-hidden top-16 z-20">
{% block toolbar %} {% block toolbar %}
{% endblock %} {% endblock %}
</div> </div>
<div class="z-10 bg-gray-50"> <div class="z-10 bg-gray-50 mt-36">
{% block body %} {% block body %}
{% endblock %} {% endblock %}
</div> </div>
</div> </div>
</div> {# </div> #}
</div> </div>
{#<script src="https://kit.fontawesome.com/42e345444d.js" crossorigin="anonymous"></script>#}
</body> </body>
</html> </html>

View File

@@ -1,4 +1,4 @@
<div id="menu" class="fixed left-0 h-full w-60 bg-gray-600 text-white hidden md:block"> <div id="menu" class="h-full w-60 bg-gray-600 text-white hidden md:block">
<aside class="h-full"> <aside class="h-full">
<nav> <nav>
<ul> <ul>