Rende il CRM comodo da usare anche da cellulare.
CI / scan_ruby (push) Failing after 11m43s
CI / scan_js (push) Successful in 11m18s
CI / lint (push) Failing after 11m56s

Aggiunge navigazione mobile dedicata e trasforma le principali liste operative in layout più leggibili e facili da toccare.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-08-18 10:55:50 +02:00
co-authored by Cursor
parent d98c3e87a8
commit 0e8730b889
24 changed files with 683 additions and 295 deletions
@@ -0,0 +1,32 @@
<div data-sheet-target="panel" class="fixed inset-0 z-40 hidden md:hidden" role="dialog" aria-modal="true" aria-labelledby="mobile-more-title">
<button type="button" class="absolute inset-0 bg-zinc-950/40 dark:bg-black/60" data-action="sheet#hide" aria-label="Chiudi"></button>
<div class="absolute inset-x-0 bottom-0 max-h-[85vh] overflow-y-auto rounded-t-2xl border border-zinc-200 bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] shadow-xl dark:border-zinc-800 dark:bg-zinc-950">
<div class="sticky top-0 flex items-center justify-between border-b border-zinc-100 bg-white px-4 py-3 dark:border-zinc-800 dark:bg-zinc-950">
<h2 id="mobile-more-title" class="text-base font-semibold">Menu</h2>
<button type="button" data-action="sheet#hide" class="<%= btn_secondary %> px-3" aria-label="Chiudi">Chiudi</button>
</div>
<nav class="space-y-1 p-3">
<%= nav_link "Dashboard", project_root_path %>
<%= nav_link "Contatti", contacts_path %>
<%= nav_link "Task", tasks_path %>
<%= nav_link "Report", reports_path %>
<%= nav_link "Impostazioni", settings_path %>
<%= nav_link "Template email", mail_templates_path %>
<% if current_user.admin? %>
<%= nav_link "Account SMTP", mail_identities_path %>
<%= nav_link "Utenti", users_path %>
<% end %>
</nav>
<div class="border-t border-zinc-100 p-3 dark:border-zinc-800">
<div class="mb-2 text-xs font-medium uppercase tracking-wide text-zinc-400">Cambia progetto</div>
<div class="space-y-1">
<% available_projects.each do |project| %>
<%= link_to project.name,
project_root_path(project_code: project.code),
class: "block truncate rounded-lg px-3 py-2.5 text-sm #{project.id == current_project.id ? 'bg-zinc-900 text-white dark:bg-zinc-100 dark:text-zinc-900' : 'text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800'}" %>
<% end %>
</div>
<%= link_to "Tutti i progetti", root_path, class: "mt-2 block rounded-lg px-3 py-2.5 text-sm text-zinc-500 hover:bg-zinc-100 dark:hover:bg-zinc-800" %>
</div>
</div>
</div>