From 771d9f331059bbfba95011501317568ca18d2fe2 Mon Sep 17 00:00:00 2001
From: Esenjin <esenjin@sangigi-fuchsia.fr>
Date: Mon, 24 Feb 2025 15:27:05 +0100
Subject: [PATCH] =?UTF-8?q?am=C3=A9lioration=20de=20l'affichage=20global?=
=?UTF-8?q?=20de=20la=20page=20d'administration=20sur=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
admin/index.php | 7 ++--
assets/css/components.css | 68 ++++++++++++++++++++++++++++++++++++---
version.txt | 2 +-
3 files changed, 70 insertions(+), 7 deletions(-)
diff --git a/admin/index.php b/admin/index.php
index d0ed678..6d73e3d 100644
--- a/admin/index.php
+++ b/admin/index.php
@@ -60,14 +60,17 @@ $stories = Stories::getAll();
</form>
</div>
</nav>
-
+
<main class="admin-main">
<h1>Gestion des romans</h1>
<div class="stories-list">
<?php foreach ($stories as $story): ?>
<div class="story-item">
- <img src="<?= htmlspecialchars('../' . $story['cover']) ?>" alt="" class="story-cover">
+ <img src="<?= htmlspecialchars('../' . $story['cover']) ?>"
+ alt="Couverture de <?= htmlspecialchars($story['title']) ?>"
+ class="story-cover"
+ loading="lazy">
<div class="story-info">
<h2><?= htmlspecialchars($story['title']) ?></h2>
<p>
diff --git a/assets/css/components.css b/assets/css/components.css
index 3e7a24e..d042a1e 100644
--- a/assets/css/components.css
+++ b/assets/css/components.css
@@ -21,6 +21,7 @@
object-fit: cover;
border-radius: var(--radius-sm);
border: 1px solid var(--border-color);
+ flex-shrink: 0;
}
.current-cover {
@@ -386,12 +387,41 @@
/* Media queries */
@media (max-width: 768px) {
- .story-cover {
- width: 100%;
- height: 200px;
- max-width: none;
+ .story-item {
+ flex-direction: column;
+ align-items: flex-start;
+ gap: var(--spacing-md);
}
+ .story-cover {
+ width: 100%;
+ height: 160px;
+ }
+
+ .story-info {
+ width: 100%;
+ }
+
+ .story-actions {
+ display: flex;
+ width: 100%;
+ justify-content: space-between;
+ margin-top: var(--spacing-md);
+ }
+
+ .story-actions .button {
+ flex: 1;
+ text-align: center;
+ margin: 0 var(--spacing-xs);
+ }
+
+ .story-actions .button:first-child {
+ margin-left: 0;
+ }
+
+ .story-actions .button:last-child {
+ margin-right: 0;
+ }
.current-cover {
max-width: 100%;
height: auto;
@@ -423,4 +453,34 @@
width: 100%;
justify-content: flex-end;
}
+}
+
+/* Adaptations pour très petits écrans */
+@media (max-width: 480px) {
+ .story-actions {
+ flex-direction: column;
+ gap: var(--spacing-xs);
+ }
+
+ .story-actions .button {
+ width: 100%;
+ margin: 0;
+ text-align: center;
+ }
+
+ .story-item {
+ padding: var(--spacing-md);
+ }
+
+ .story-cover {
+ height: 140px;
+ }
+
+ .story-info h2 {
+ font-size: 1.3rem;
+ }
+
+ .story-info p {
+ font-size: 0.9rem;
+ }
}
\ No newline at end of file
diff --git a/version.txt b/version.txt
index 867e524..cb174d5 100644
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-1.2.0
\ No newline at end of file
+1.2.1
\ No newline at end of file