eminuxandCursor
0e8730b889
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>
31 lines
1.5 KiB
ERB
31 lines
1.5 KiB
ERB
<div class="space-y-4">
|
|
<div class="flex flex-wrap items-center justify-between gap-3">
|
|
<div>
|
|
<h1 class="text-xl font-semibold md:text-2xl"><%= @contact.full_name %></h1>
|
|
<p class="text-sm text-zinc-500"><%= link_to @contact.organization.name, @contact.organization, class: "hover:underline" %></p>
|
|
</div>
|
|
<%= link_to "Modifica", edit_contact_path(@contact), class: "#{btn_secondary} w-full sm:w-auto" %>
|
|
</div>
|
|
|
|
<div class="rounded-xl border border-zinc-200 bg-white p-5 text-sm text-zinc-900 dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-100">
|
|
<dl class="space-y-4">
|
|
<div>
|
|
<dt class="text-xs font-medium uppercase tracking-wide text-zinc-500">Ruolo</dt>
|
|
<dd class="mt-1"><%= @contact.role.presence || "—" %></dd>
|
|
</div>
|
|
<div>
|
|
<dt class="text-xs font-medium uppercase tracking-wide text-zinc-500">Email</dt>
|
|
<dd class="mt-1 break-anywhere"><%= mailto_link(@contact.email, class: "text-sky-700 hover:underline dark:text-sky-400") %></dd>
|
|
</div>
|
|
<div>
|
|
<dt class="text-xs font-medium uppercase tracking-wide text-zinc-500">Telefono</dt>
|
|
<dd class="mt-1"><%= tel_link(@contact.phone, class: "text-sky-700 hover:underline dark:text-sky-400") %></dd>
|
|
</div>
|
|
<div>
|
|
<dt class="text-xs font-medium uppercase tracking-wide text-zinc-500">Cellulare</dt>
|
|
<dd class="mt-1"><%= tel_link(@contact.mobile, class: "text-sky-700 hover:underline dark:text-sky-400") %></dd>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
</div>
|