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 e4d778355e
commit 4b671a211b
39 changed files with 1068 additions and 5127 deletions

View File

@@ -6,14 +6,14 @@
<h1 class="text-3xl font-bold text-gray-900 mb-2">Mes événements</h1>
<p class="text-gray-600">Gérez tous vos événements depuis cette interface</p>
</div>
<%= link_to new_promoter_event_path, class: "inline-flex items-center px-6 py-3 bg-black text-white font-medium rounded-lg hover:bg-gray-800 transition-colors duration-200" do %>
<%= link_to new_promoter_event_path, class: "inline-flex items-center px-6 py-3 bg-gray-900 text-white font-medium rounded-lg hover:bg-gray-800 transition-colors duration-200" do %>
<i data-lucide="plus" class="w-4 h-4 mr-2"></i>
Créer un événement
<% end %>
</div>
<% if @events.any? %>
<div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
<div class="bg-white rounded-2xl shadow-xl border border-gray-200 overflow-hidden">
<div class="overflow-x-auto">
<table class="w-full">
<thead class="bg-gray-50 border-b border-gray-200">
@@ -121,13 +121,13 @@
<%= paginate @events if respond_to?(:paginate) %>
</div>
<% else %>
<div class="bg-white rounded-lg border-2 border-dashed border-gray-300 p-12 text-center">
<div class="bg-white rounded-2xl border-2 border-dashed border-gray-300 p-12 text-center">
<div class="mx-auto h-24 w-24 rounded-full bg-gray-100 flex items-center justify-center mb-6">
<i data-lucide="calendar-plus" class="w-12 h-12 text-gray-400"></i>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Aucun événement</h3>
<p class="text-gray-500 mb-6">Vous n'avez pas encore créé d'événement. Commencez dès maintenant !</p>
<%= link_to new_promoter_event_path, class: "inline-flex items-center px-6 py-3 bg-black text-white font-medium rounded-lg hover:bg-gray-800 transition-colors duration-200" do %>
<%= link_to new_promoter_event_path, class: "inline-flex items-center px-6 py-3 bg-gray-900 text-white font-medium rounded-lg hover:bg-gray-800 transition-colors duration-200" do %>
<i data-lucide="plus" class="w-4 h-4 mr-2"></i>
Créer mon premier événement
<% end %>

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