From 3da49e67bef764fc5aaa28b9f9d87c148d0b471e Mon Sep 17 00:00:00 2001
From: keraudre <yann.keraudren@etu-upec.fr>
Date: Tue, 18 Jun 2024 19:01:19 +0200
Subject: [PATCH] ajustement du bouton ajout de playlist
---
codeigniter/application/views/albums_list.php | 4 ++--
.../application/views/layout/header.php | 2 +-
codeigniter/assets/style.css | 19 +++++++++++++++++++
3 files changed, 22 insertions(+), 3 deletions(-)
diff --git a/codeigniter/application/views/albums_list.php b/codeigniter/application/views/albums_list.php
index 242bff7..4c58787 100644
--- a/codeigniter/application/views/albums_list.php
+++ b/codeigniter/application/views/albums_list.php
@@ -39,8 +39,8 @@ foreach($albums as $album){
echo "<div><article>";
echo "<header class='short-text'>";
echo anchor("music/view/{$album->id}", "{$album->name}");
- echo "<br>";
- echo "<button onclick=\"location.href='" . site_url("playlist/add_track/{$album->id}") . "'\">Ajouter à la Playlist</button>";
+
+ echo "<button class='ajout' onclick=\"location.href='" . site_url("playlist/add_track/{$album->id}") . "'\">Ajouter</button>";
echo "</header>";
echo '<img src="data:image/jpeg;base64,'.base64_encode($album->jpeg).'" />';
echo "<footer class='short-text'>{$album->year} - {$album->artistName}</footer>
diff --git a/codeigniter/application/views/layout/header.php b/codeigniter/application/views/layout/header.php
index 94759bb..6341489 100644
--- a/codeigniter/application/views/layout/header.php
+++ b/codeigniter/application/views/layout/header.php
@@ -15,7 +15,7 @@
<main class='container'>
<nav>
<ul>
- <li><strong>Music APP</strong></li>
+ <li id="titre"><strong>Music APP</strong></li>
</ul>
<ul class="option">
diff --git a/codeigniter/assets/style.css b/codeigniter/assets/style.css
index 0ba5f52..c3f7ee8 100644
--- a/codeigniter/assets/style.css
+++ b/codeigniter/assets/style.css
@@ -16,6 +16,10 @@ section.list img {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
+ display: grid;
+ grid-template-columns: 200px 5px auto;
+ grid-template-rows: auto;
+ justify-content: space-between;
}
strong {
@@ -30,6 +34,11 @@ ul.option li {
/* modification par Yann */
+#titre {
+ font-size: 23px;
+ text-shadow: 2px 2px 3px black;
+}
+
nav {
position: fixed;
@@ -200,3 +209,13 @@ div.new {
form.search-form {
margin-left: -200px;
}
+
+
+
+/* bouton ajouter sur les albums et musique */
+
+.ajout {
+ padding: 0;
+ grid-column: 3/4;
+}
+