kbe/aperonight
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Update event show page breadcrumb to match new style and minor flash message improvements

Browse Source 
- 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>
This commit is contained in:
kbe
2025-09-07 01:11:31 +02:00
parent 8ad2194d48
commit b74fd49816
2 changed files with 35 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
app/views/shared/_flash_messages.html.erb
View File

@@ -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 %>
<% end %>