Corrections de la mise en page sur mobile

This commit is contained in:
stiti 2024-05-26 16:02:03 +02:00
parent f2644d2e5c
commit 9798f648d4
2 changed files with 24 additions and 1 deletions

View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Liste des Playlists - Onzeur</title> <title>Liste des Playlists - Onzeur</title>
<link rel="stylesheet" href="<?php echo base_url('assets/css/playlists_list'); ?>"> <link rel="stylesheet" href="<?php echo base_url('assets/css/playlists_list.css'); ?>">
</head> </head>
<body> <body>
<div class="container"> <div class="container">

View File

@ -116,3 +116,26 @@ h1 {
.closebtn:hover { .closebtn:hover {
color: black; 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 */
}
}