From 2ab9a2a56b33ed3931ed888a5c6e6fe6183cd21b Mon Sep 17 00:00:00 2001 From: stiti Date: Tue, 28 May 2024 20:04:37 +0200 Subject: [PATCH] =?UTF-8?q?Commit=20de=20Louay=20:=20Am=C3=A9liorations=20?= =?UTF-8?q?de=20la=20playlist?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../application/views/playlist_view.php | 13 ++++--- CodeIgniter-3.1.13/assets/css/accueil.css | 1 + .../assets/css/playlist_view.css | 35 ++++++++++++++++++- 3 files changed, 44 insertions(+), 5 deletions(-) diff --git a/CodeIgniter-3.1.13/application/views/playlist_view.php b/CodeIgniter-3.1.13/application/views/playlist_view.php index b60fa71..d4f112a 100644 --- a/CodeIgniter-3.1.13/application/views/playlist_view.php +++ b/CodeIgniter-3.1.13/application/views/playlist_view.php @@ -3,7 +3,7 @@ Détails de la Playlist - Onzeur - +
@@ -39,6 +39,7 @@ Titre Artiste + Écouter sur Actions @@ -46,7 +47,12 @@ name, ENT_QUOTES, 'UTF-8'); ?> - artist_name, ENT_QUOTES, 'UTF-8'); ?> + artist_name, ENT_QUOTES, 'UTF-8'); ?> + + Spotify | + Deezer | + YouTube + Supprimer @@ -54,11 +60,10 @@ - Aucune chanson trouvée dans cette playlist. + Aucune chanson trouvée dans cette playlist. - Ajouter une musique diff --git a/CodeIgniter-3.1.13/assets/css/accueil.css b/CodeIgniter-3.1.13/assets/css/accueil.css index 34ad9eb..0a777bb 100644 --- a/CodeIgniter-3.1.13/assets/css/accueil.css +++ b/CodeIgniter-3.1.13/assets/css/accueil.css @@ -199,3 +199,4 @@ h1, h2, h3 { border-radius: 4px; cursor: pointer; } + diff --git a/CodeIgniter-3.1.13/assets/css/playlist_view.css b/CodeIgniter-3.1.13/assets/css/playlist_view.css index 4db6041..c067fbb 100644 --- a/CodeIgniter-3.1.13/assets/css/playlist_view.css +++ b/CodeIgniter-3.1.13/assets/css/playlist_view.css @@ -13,7 +13,7 @@ body { } .container { - max-width: 800px; + max-width: 90%; margin: 0 auto; padding: 20px; } @@ -22,6 +22,10 @@ h1, h2 { margin-bottom: 10px; } +h2 { + padding-top: 50px; +} + p { margin-bottom: 20px; } @@ -115,3 +119,32 @@ textarea { .btn-primary:hover { background-color: #3c0c72; } + +a.spotify, +a.deezer, +a.youtube { + color: white; + padding: 8px 12px; + border-radius: 5px; + text-decoration: none; + transition: background-color 0.3s, color 0.3s; +} + +a.spotify { + background-color: #1DB954; /* Vert Spotify */ +} + +a.deezer { + background-color: #8826df; /* Violet Deezer */ +} + +a.youtube { + background-color: #FF0000; /* Rouge YouTube */ +} + +a.spotify:hover, +a.deezer:hover, +a.youtube:hover { + color: rgb(255, 255, 255); + background-color: rgba(84, 15, 202, 0.8); +}