From 5ba378fc5a9832fbcd9eeb48367bdfe9cb4ec9a8 Mon Sep 17 00:00:00 2001
From: kd <kathiadugravot33@gmail.com>
Date: Fri, 30 Jan 2026 09:18:01 +0400
Subject: [PATCH] f

---
 .vscode/settings.json                  |  4 ++--
 app/assets/stylesheets/application.css | 15 +++++----------
 app/views/livres/index.html.erb        | 22 +++++++++++++++++++++-
 3 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 4c6ca61..6860d4a 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -7,7 +7,7 @@
     "terminal.background": "#1f1f1f",
     "terminal.ansiYellow": "#b38210" //BROWN UNIX ANSI
   },
-  "workbench.colorTheme": "Default Dark Modern",
+  "workbench.colorTheme": "Mr Pink",
   // ---------------------------------------------------------
   "[ruby]": {
     "editor.defaultFormatter": "Shopify.ruby-lsp", // Use the Ruby LSP as the default formatter
@@ -53,4 +53,4 @@
   "class-collapse.style.placeholderText": "➟",
   "class-collapse.style.openCollapseOpacity": 0.7,
   "class-collapse.style.placeholderTextColor": "#FFFF0055",
-}    
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index a93dc5c..27b3642 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1,10 +1,5 @@
-/*
- * This is a manifest file that'll be compiled into application.css.
- *
- * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
- * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
- * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
- * depending on specificity.
- *
- * Consider organizing styles into separate files for maintainability.
- */
\ No newline at end of file
+.table {
+
+  width: 50%;
+  border: 2px solid #ffff
+}
\ No newline at end of file
diff --git a/app/views/livres/index.html.erb b/app/views/livres/index.html.erb
index 04206d6..41172e6 100644
--- a/app/views/livres/index.html.erb
+++ b/app/views/livres/index.html.erb
@@ -25,9 +25,29 @@
         <td>
           <%= button_to "Supprimer", livre_path(livre), method: :delete, data: { confirm: "Supprimer ce livre ?" } %>
           <%= link_to "Modifier", edit_livre_path(livre), method: :edit, data: { confirm: "Modifier le livre ?" } %>
-                  </td>
+        </td>
       </tr>
     <% end %>
   </tbody>
 </table>
 <p><%= link_to "Ajouter un nouveau livre", new_livre_path %></p>
+<!-- Version sans tableau avec des div -->
+<div class="table">
+  <div class="table-header">
+    <div class="cell">Titre</div>
+    <div class="cell">Auteur</div>
+    <div class="cell">Date de sortie</div>
+    <div class="cell">Actions</div>
+  </div>
+  <% @livres.each do |livre| %>
+    <div class="table-row">
+      <div class="cell"><%= livre.titre %></div>
+      <div class="cell"><%= livre.auteur %></div>
+      <div class="cell"><%= livre.date_de_sortie %></div>
+      <div class="cell">
+        <%= link_to "Modifier", edit_livre_path(livre), class: "btn" %>
+        <%= button_to "Supprimer", livre_path(livre), method: :delete, data: { confirm: "Supprimer ce livre ?" }, class: "btn" %>
+      </div>
+    </div>
+  <% end %>
+</div>