Corrections de la mise en page sur mobile

2024-05-26 16:02:03 +02:00
parent f2644d2e5c
commit 9798f648d4
2 changed files with 24 additions and 1 deletions
--- a/CodeIgniter-3.1.13/assets/css/playlists_list.css
+++ b/CodeIgniter-3.1.13/assets/css/playlists_list.css
@@ -116,3 +116,26 @@ h1 {
 .closebtn:hover {
    color: black;
 }
+
+@media screen and (max-width: 768px) {
+    .container {
+        width: 90%; /* Réduire la largeur du conteneur */
+    }
+
+    h1 {
+        font-size: 24px; /* Réduire la taille du titre principal */
+    }
+
+    .btn {
+        padding: 8px 16px; /* Réduire la taille des boutons */
+        margin: 3px 0; /* Réduire la marge des boutons */
+    }
+
+    .table th, .table td {
+        padding: 8px 10px; /* Réduire le rembourrage des cellules de tableau */
+    }
+
+    .closebtn {
+        font-size: 18px; /* Réduire la taille du bouton de fermeture */
+    }
+}