Esenjin_Asakha/cyla
Esenjin_Asakha/cyla
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

correction de l'affichage

Browse Source
This commit is contained in:
Esenjin 2025-01-15 19:27:38 +01:00
parent 0018ac8554
commit 3cacb4645f
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
admin.php
View File

@ -339,7 +339,7 @@ $files = $fileData['files'];
<div class="pagination"> <div class="pagination">
<?php if ($fileData['currentPage'] > 1): ?> <?php if ($fileData['currentPage'] > 1): ?>
<a href="?page=<?php echo $fileData['currentPage'] - 1; ?>" <a href="?page=<?php echo $fileData['currentPage'] - 1; ?>"
class="pagination-link">&laquo; Précédent</a> class="pagination-link">&laquo;</a>
<?php endif; ?> <?php endif; ?>
<?php <?php
@ -366,7 +366,7 @@ $files = $fileData['files'];
if ($fileData['currentPage'] < $fileData['totalPages']): ?> if ($fileData['currentPage'] < $fileData['totalPages']): ?>
<a href="?page=<?php echo $fileData['currentPage'] + 1; ?>" <a href="?page=<?php echo $fileData['currentPage'] + 1; ?>"
class="pagination-link">Suivant &raquo;</a> class="pagination-link">&raquo;</a>
<?php endif; ?> <?php endif; ?>
</div> </div>
<?php endif; ?> <?php endif; ?>

20
css/style.css
View File

@ -450,10 +450,11 @@ footer {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: var(--spacing-sm); gap: var(--spacing-xs);
margin-top: var(--spacing-lg); margin: var(--spacing-lg) auto;
padding-top: var(--spacing-md); padding-top: var(--spacing-md);
border-top: 1px solid var(--color-border); border-top: 1px solid var(--color-border);
max-width: 100%;
} }
.pagination-link { .pagination-link {
@ -462,13 +463,15 @@ footer {
justify-content: center; justify-content: center;
min-width: 2rem; min-width: 2rem;
height: 2rem; height: 2rem;
padding: 0 var(--spacing-sm); padding: 0 0.5rem;
color: var(--color-text); color: var(--color-text);
text-decoration: none; text-decoration: none;
background-color: var(--color-bg); background-color: var(--color-bg);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: var(--border-radius); border-radius: var(--border-radius);
transition: all 0.2s ease; transition: all 0.2s ease;
white-space: nowrap;
font-size: 0.9rem;
} }
.pagination-link:hover { .pagination-link:hover {
@ -483,7 +486,8 @@ footer {
.pagination-ellipsis { .pagination-ellipsis {
color: var(--color-text-muted); color: var(--color-text-muted);
padding: 0 var(--spacing-xs); padding: 0 0.25rem;
user-select: none;
} }
/* Bouton de suppression */ /* Bouton de suppression */
@ -553,6 +557,14 @@ footer {
@media (max-width: 768px) { @media (max-width: 768px) {
.pagination { .pagination {
flex-wrap: wrap; flex-wrap: wrap;
gap: var(--spacing-xs);
}
.pagination-link {
min-width: 2.25rem;
height: 2.25rem;
padding: 0 var(--spacing-sm);
font-size: 0.9rem;
} }
.file-actions { .file-actions {