@@ -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);
+}