develop #3
@@ -1,45 +1,26 @@
|
|||||||
<div class="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100">
|
<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">
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||||
<!-- Breadcrumb -->
|
<!-- Breadcrumb -->
|
||||||
<nav class="mb-6" aria-label="Breadcrumb">
|
<nav class="flex mb-6" aria-label="Breadcrumb">
|
||||||
<ol class="flex items-center space-x-2 text-sm">
|
<ol class="inline-flex items-center space-x-1 md:space-x-2 rounded-lg bg-white px-4 py-2 shadow-sm">
|
||||||
<%= link_to root_path, class: "text-gray-500 hover:text-purple-600 transition-colors" do %>
|
<li class="inline-flex items-center">
|
||||||
<svg class="w-4 h-4 inline-block mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<%= link_to "Accueil", root_path, class: "inline-flex items-center text-sm font-medium text-gray-700 hover:text-purple-600" %>
|
||||||
<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" />
|
</li>
|
||||||
</svg>
|
<li>
|
||||||
Accueil
|
<div class="flex items-center">
|
||||||
<% end %>
|
<svg class="w-4 h-4 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
|
||||||
<svg
|
<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>
|
||||||
class="w-4 h-4 text-gray-400"
|
</svg>
|
||||||
fill="none"
|
<%= link_to "Événements", events_path, class: "ml-1 text-sm font-medium text-gray-700 hover:text-purple-600 md:ml-2" %>
|
||||||
stroke="currentColor"
|
</div>
|
||||||
viewBox="0 0 24 24"
|
</li>
|
||||||
>
|
<li>
|
||||||
<path
|
<div class="flex items-center">
|
||||||
stroke-linecap="round"
|
<svg class="w-4 h-4 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
|
||||||
stroke-linejoin="round"
|
<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>
|
||||||
stroke-width="2"
|
</svg>
|
||||||
d="M9 5l7 7-7 7"
|
<span class="ml-1 text-sm font-medium text-purple-600 md:ml-2 truncate max-w-xs"><%= @event.name %></span>
|
||||||
/>
|
</div>
|
||||||
</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 %>
|
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
</nav>
|
</nav>
|
||||||
|
|||||||
@@ -1,21 +1,19 @@
|
|||||||
<% if flash.any? %>
|
<% if flash.any? %>
|
||||||
<div class="container">
|
<div class="relative w-full p-4 mt-4">
|
||||||
<div class="relative w-full flex justify-center p-4 mt-4">
|
<div class="w-full">
|
||||||
<div class="w-full max-w-xl">
|
<% flash.each do |type, message| %>
|
||||||
<% 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"
|
||||||
<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">
|
||||||
data-controller="flash-message">
|
<div class="notification-icon flex items-center shrink-0">
|
||||||
<div class="notification-icon flex items-center shrink-0">
|
<%= flash_icon(type) %>
|
||||||
<%= 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>
|
</div>
|
||||||
<% end %>
|
<span class="flex-1"><%= message %></span>
|
||||||
</div>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
Reference in New Issue
Block a user