From b74fd498167d8e93a5e798787cf20d6cc6399029 Mon Sep 17 00:00:00 2001
From: kbe <kevin@kev1.net>
Date: Sun, 7 Sep 2025 01:11:31 +0200
Subject: [PATCH] Update event show page breadcrumb to match new style and
 minor flash message improvements

- Updated breadcrumb on event show page to use the new consistent style with rounded background and shadow
- Improved spacing and responsive design for breadcrumbs
- Made minor layout adjustments to flash messages component
- Enhanced overall UI consistency across the application

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 app/views/events/show.html.erb            | 59 ++++++++---------------
 app/views/shared/_flash_messages.html.erb | 32 ++++++------
 2 files changed, 35 insertions(+), 56 deletions(-)

diff --git a/app/views/events/show.html.erb b/app/views/events/show.html.erb
index a1d83ac..e96af24 100755
--- a/app/views/events/show.html.erb
+++ b/app/views/events/show.html.erb
@@ -1,45 +1,26 @@
   <div class="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
       <!-- Breadcrumb -->
-      <nav class="mb-6" aria-label="Breadcrumb">
-        <ol class="flex items-center space-x-2 text-sm">
-          <%= link_to root_path, class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
-            <svg class="w-4 h-4 inline-block mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" />
-            </svg>
-            Accueil
-          <% end %>
-          <svg
-            class="w-4 h-4 text-gray-400"
-            fill="none"
-            stroke="currentColor"
-            viewBox="0 0 24 24"
-          >
-            <path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              d="M9 5l7 7-7 7"
-            />
-          </svg>
-          <%= link_to events_path, class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
-            Événements
-          <% end %>
-          <svg
-            class="w-4 h-4 text-gray-400"
-            fill="none"
-            stroke="currentColor"
-            viewBox="0 0 24 24"
-          >
-            <path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              d="M9 5l7 7-7 7"
-            />
-          </svg>
-          <li class="font-medium text-gray-900 truncate max-w-xs" aria-current="page">
-            <%= @event.name %>
+      <nav class="flex mb-6" aria-label="Breadcrumb">
+        <ol class="inline-flex items-center space-x-1 md:space-x-2 rounded-lg bg-white px-4 py-2 shadow-sm">
+          <li class="inline-flex items-center">
+            <%= link_to "Accueil", root_path, class: "inline-flex items-center text-sm font-medium text-gray-700 hover:text-purple-600" %>
+          </li>
+          <li>
+            <div class="flex items-center">
+              <svg class="w-4 h-4 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
+              </svg>
+              <%= link_to "Événements", events_path, class: "ml-1 text-sm font-medium text-gray-700 hover:text-purple-600 md:ml-2" %>
+            </div>
+          </li>
+          <li>
+            <div class="flex items-center">
+              <svg class="w-4 h-4 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
+              </svg>
+              <span class="ml-1 text-sm font-medium text-purple-600 md:ml-2 truncate max-w-xs"><%= @event.name %></span>
+            </div>
           </li>
         </ol>
       </nav>
diff --git a/app/views/shared/_flash_messages.html.erb b/app/views/shared/_flash_messages.html.erb
index b4000ae..1ded397 100755
--- a/app/views/shared/_flash_messages.html.erb
+++ b/app/views/shared/_flash_messages.html.erb
@@ -1,21 +1,19 @@
 <% if flash.any? %>
-  <div class="container">
-    <div class="relative w-full flex justify-center p-4 mt-4">
-      <div class="w-full max-w-xl">
-        <% flash.each do |type, message| %>
-          <div class="notification <%= flash_class(type) %> flex items-center gap-3 p-4 rounded-lg mb-3 font-medium w-full box-border"
-              data-controller="flash-message">
-            <div class="notification-icon flex items-center shrink-0">
-              <%= flash_icon(type) %>
-            </div>
-            <span class="flex-1"><%= message %></span>
-            <button data-action="click->flash-message#close"
-                    class="bg-transparent border-none cursor-pointer p-1 text-inherit opacity-70 transition-opacity duration-200">
-              <i data-lucide="x" class="w-4 h-4"></i>
-            </button>
+  <div class="relative w-full p-4 mt-4">
+    <div class="w-full">
+      <% flash.each do |type, message| %>
+        <div class="notification <%= flash_class(type) %> flex items-center gap-3 p-4 rounded-lg mb-3 font-medium w-full box-border"
+            data-controller="flash-message">
+          <div class="notification-icon flex items-center shrink-0">
+            <%= flash_icon(type) %>
           </div>
-        <% end %>
-      </div>
+          <span class="flex-1"><%= message %></span>
+          <button data-action="click->flash-message#close"
+                  class="bg-transparent border-none cursor-pointer p-1 text-inherit opacity-70 transition-opacity duration-200">
+            <i data-lucide="x" class="w-4 h-4"></i>
+          </button>
+        </div>
+      <% end %>
     </div>
   </div>
-<% end %>
\ No newline at end of file
+<% end %>