Update all views to use new design system components and styling

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
kbe
2025-09-08 17:59:12 +02:00
parent 569303b631
commit 9be7a01d93
39 changed files with 1068 additions and 5127 deletions

View File

@@ -54,7 +54,7 @@
<div class="mb-8">
<% case @event.state %>
<% when "draft" %>
<div class="bg-gray-50 border border-gray-200 rounded-lg p-4">
<div class="bg-gray-50 border border-gray-200 rounded-2xl p-4">
<div class="flex items-center">
<i data-lucide="edit-3" class="w-5 h-5 text-gray-400 mr-3"></i>
<div>
@@ -64,7 +64,7 @@
</div>
</div>
<% when "published" %>
<div class="bg-green-50 border border-green-200 rounded-lg p-4">
<div class="bg-green-50 border border-green-200 rounded-2xl p-4">
<div class="flex items-center">
<i data-lucide="eye" class="w-5 h-5 text-green-400 mr-3"></i>
<div>
@@ -79,7 +79,7 @@
</div>
</div>
<% when "canceled" %>
<div class="bg-red-50 border border-red-200 rounded-lg p-4">
<div class="bg-red-50 border border-red-200 rounded-2xl p-4">
<div class="flex items-center">
<i data-lucide="x-circle" class="w-5 h-5 text-red-400 mr-3"></i>
<div>
@@ -89,7 +89,7 @@
</div>
</div>
<% when "sold_out" %>
<div class="bg-blue-50 border border-blue-200 rounded-lg p-4">
<div class="bg-blue-50 border border-blue-200 rounded-2xl p-4">
<div class="flex items-center">
<i data-lucide="users" class="w-5 h-5 text-blue-400 mr-3"></i>
<div>
@@ -101,7 +101,7 @@
<% end %>
<% if @event.featured? %>
<div class="bg-yellow-50 border border-yellow-200 rounded-lg p-4 mt-4">
<div class="bg-yellow-50 border border-yellow-200 rounded-2xl p-4 mt-4">
<div class="flex items-center">
<i data-lucide="star" class="w-5 h-5 text-yellow-400 mr-3"></i>
<div>
@@ -119,13 +119,13 @@
<div class="lg:col-span-2 space-y-8">
<!-- Event image -->
<% if @event.image.present? %>
<div class="aspect-video bg-gray-100 rounded-lg overflow-hidden">
<div class="aspect-video bg-gray-100 rounded-2xl overflow-hidden">
<img src="<%= @event.image %>" alt="<%= @event.name %>" class="w-full h-full object-cover">
</div>
<% end %>
<!-- Description -->
<div class="bg-white rounded-lg border border-gray-200 p-6">
<div class="bg-white rounded-2xl border border-gray-200 p-6">
<h3 class="text-lg font-semibold text-gray-900 mb-4">Description</h3>
<div class="prose prose-gray max-w-none">
<%= simple_format(@event.description) %>
@@ -133,7 +133,7 @@
</div>
<!-- Location details -->
<div class="bg-white rounded-lg border border-gray-200 p-6">
<div class="bg-white rounded-2xl border border-gray-200 p-6">
<h3 class="text-lg font-semibold text-gray-900 mb-4">Lieu</h3>
<div class="space-y-3">
<div class="flex items-start space-x-3">
@@ -154,7 +154,7 @@
<!-- Sidebar -->
<div class="space-y-6">
<!-- Event stats -->
<div class="bg-white rounded-lg border border-gray-200 p-6">
<div class="bg-white rounded-2xl border border-gray-200 p-6">
<h3 class="text-lg font-semibold text-gray-900 mb-4">Statistiques</h3>
<div class="space-y-4">
<div class="flex items-center justify-between">
@@ -175,7 +175,7 @@
</div>
<!-- Event info -->
<div class="bg-white rounded-lg border border-gray-200 p-6">
<div class="bg-white rounded-2xl border border-gray-200 p-6">
<h3 class="text-lg font-semibold text-gray-900 mb-4">Informations</h3>
<div class="space-y-4">
<div>
@@ -206,7 +206,7 @@
</div>
<!-- Quick actions -->
<div class="bg-white rounded-lg border border-gray-200 p-6">
<div class="bg-white rounded-2xl border border-gray-200 p-6">
<h3 class="text-lg font-semibold text-gray-900 mb-4">Actions rapides</h3>
<div class="space-y-3">
<%= link_to promoter_event_ticket_types_path(@event), class: "w-full inline-flex items-center px-4 py-2 bg-purple-600 text-white font-medium rounded-lg hover:bg-purple-700 transition-colors duration-200" do %>