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

Update all views to use new design system components and styling

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

28
app/views/onboarding/index.html.erb
View File

@@ -4,9 +4,7 @@
<!-- Header -->
<div class="text-center mb-8">
<div class="mx-auto w-20 h-20 bg-purple-100 rounded-full flex items-center justify-center mb-6">
<svg class="w-10 h-10 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h1m4 0h1m-7 4h12a3 3 0 003-3V7a3 3 0 00-3-3H6a3 3 0 00-3 3v4a3 3 0 003 3z"/>
</svg>
<i data-lucide="user" class="w-10 h-10 text-purple-600"></i>
</div>
<h1 class="text-3xl font-bold text-gray-900 mb-3">Bienvenue sur <%= Rails.application.config.app_name %> !</h1>
<p class="text-lg text-gray-600 max-w-lg mx-auto">
@@ -34,9 +32,7 @@
<!-- Personal Information Section -->
<div>
<h2 class="text-xl font-semibold text-gray-900 mb-4 flex items-center">
<svg class="w-5 h-5 mr-2 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
</svg>
<i data-lucide="user" class="w-5 h-5 mr-2 text-purple-600"></i>
Informations personnelles
</h2>
@@ -71,8 +67,10 @@
<p class="text-sm text-gray-500">
Vous pourrez modifier ces informations plus tard.
</p>
<%= form.submit "Compléter mon profil",
class: "w-full px-8 py-3 bg-purple-600 text-white font-semibold rounded-lg hover:bg-purple-700 focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 transition-colors cursor-pointer" %>
<%= form.button type: "submit", class: "w-full px-8 py-3 bg-purple-600 text-white font-semibold rounded-lg hover:bg-purple-700 focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 transition-colors cursor-pointer flex items-center justify-center" do %>
<i data-lucide="check" class="w-4 h-4 mr-2"></i>
Compléter mon profil
<% end %>
</div>
</div>
@@ -86,24 +84,18 @@
</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="flex items-center p-3 bg-green-50 rounded-lg">
<svg class="w-6 h-6 text-green-600 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
</svg>
<i data-lucide="calendar" class="w-6 h-6 text-green-600 mr-3"></i>
<span class="text-sm font-medium text-green-800">Réserver des billets</span>
</div>
<div class="flex items-center p-3 bg-blue-50 rounded-lg">
<svg class="w-6 h-6 text-blue-600 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
<i data-lucide="clock" class="w-6 h-6 text-blue-600 mr-3"></i>
<span class="text-sm font-medium text-blue-800">Gérer vos commandes</span>
</div>
<div class="flex items-center p-3 bg-purple-50 rounded-lg">
<svg class="w-6 h-6 text-purple-600 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 100 4m0-4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 100 4m0-4v2m0-6V4"/>
</svg>
<i data-lucide="settings" class="w-6 h-6 text-purple-600 mr-3"></i>
<span class="text-sm font-medium text-purple-800">Créer des événements</span>
</div>
</div>
</div>
</div>
</div>
</div>