Fix: Corrige la configuration Docker et les permissions

Ce commit apporte les modifications suivantes pour résoudre les problèmes
de chargement des fichiers CSS et potentiellement de rendu des pages :

- docker-compose.yml:
    - Modifie le montage du volume pour le service nginx de
      `./app/public:/var/www/html:ro` à `./app:/var/www/html:ro`
      pour s'aligner avec la directive `root /var/www/html/public;`
      dans la configuration Nginx.
    - Met à jour la commande de démarrage du service php-fpm pour
      appliquer `chown -R www-data:www-data` et `chmod -R 775`
      à l'ensemble du répertoire `/var/www/html` afin d'assurer
      les bonnes permissions pour les fichiers de l'application.

- Supprime le fichier CSS dupliqué `app/public/dark-mode.css`.
  Le fichier correct `app/public/css/dark-mode.css` est conservé.

- Conserve une ligne de débogage temporaire dans `app/src/Views/shared/header.php`
  pour aider à diagnostiquer les problèmes de mode sombre.
This commit is contained in:
google-labs-jules[bot]
2025-06-14 17:57:08 +00:00
parent 310051fb4d
commit 98e931e3f9
3 changed files with 3 additions and 59 deletions

View File

@ -1,57 +0,0 @@
/* Styles pour le mode sombre */
body.dark-mode {
--bg-color: #2c2c2c;
--text-color: #e0e0e0;
--container-bg: #3a3a3a;
--container-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
--header-bg: #1a4d7c;
--header-text: #f0f0f0;
--nav-bg: #444;
--nav-link-color: #9cb3cc;
--nav-link-hover-bg: #555;
--table-border-color: #555;
--table-header-bg: #1a4d7c;
--table-header-text: #fff;
--table-row-even-bg: #333;
--button-primary-bg: #0056b3;
--button-primary-hover-bg: #004085;
--button-secondary-bg: #5a6268;
--button-secondary-hover-bg: #43484f;
--button-danger-bg: #a71d2a;
--button-danger-hover-bg: #7a151f;
--status-revoked-color: #ff6666;
--status-active-color: #66ff66;
--message-success-color: #a3e6a3;
--message-error-color: #ff9999;
--input-border: #666;
--input-focus-border: #007bff;
}
body.dark-mode .app-footer {
background-color: #1a1a1a;
color: #ccc;
}
body.dark-mode tr.revoked-cert {
background-color: #5c2c2c; /* Fond plus foncé pour le mode sombre */
color: #aaa;
}
body.dark-mode tr.revoked-cert:hover {
background-color: #703c3c;
}
/* Spécifiques pour les inputs en mode sombre */
body.dark-mode form input[type="text"],
body.dark-mode form input[type="password"],
body.dark-mode form select {
background-color: #4a4a4a;
color: var(--text-color);
border: 1px solid var(--input-border);
}
body.dark-mode form input[type="text"]:focus,
body.dark-mode form input[type="password"]:focus,
body.dark-mode form select:focus {
border-color: var(--input-focus-border);
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.4);
}

View File

@ -13,6 +13,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body class="<?= htmlspecialchars($darkModeClass) ?>">
<!-- DEBUG DARK MODE CLASS: <?= htmlspecialchars($darkModeClass) ?> -->
<header class="app-header">
<div class="header-content container">
<div class="app-title">