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>
40 lines
2.4 KiB
ERB
40 lines
2.4 KiB
ERB
<nav id="mobile-bottom-nav" class="fixed inset-x-0 bottom-0 z-30 border-t border-zinc-200 bg-white/95 pb-[env(safe-area-inset-bottom)] backdrop-blur dark:border-zinc-800 dark:bg-zinc-950/95 md:hidden">
|
|
<div class="flex items-stretch">
|
|
<%= link_to today_path, class: mobile_tab_class(today_path, controllers: %w[today]) do %>
|
|
<svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
|
|
<rect x="3.5" y="5" width="17" height="15" rx="2" />
|
|
<path stroke-linecap="round" d="M8 3.5v3M16 3.5v3M3.5 9.5h17" />
|
|
</svg>
|
|
<span>Oggi</span>
|
|
<% end %>
|
|
<%= link_to organizations_path, class: mobile_tab_class(organizations_path, controllers: %w[organizations contacts]) do %>
|
|
<svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M4 20V8.5L12 4l8 4.5V20" />
|
|
<path stroke-linecap="round" d="M9 20v-6h6v6" />
|
|
</svg>
|
|
<span>Org</span>
|
|
<% end %>
|
|
<%= link_to pipeline_path, class: mobile_tab_class(pipeline_path, controllers: %w[pipeline opportunities]) do %>
|
|
<svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
|
|
<path stroke-linecap="round" d="M5 5v14M12 5v14M19 5v14" />
|
|
</svg>
|
|
<span>Pipeline</span>
|
|
<% end %>
|
|
<%= link_to dashboard_mailings_path, class: mobile_tab_class(dashboard_mailings_path, controllers: %w[mailings mail_templates mail_identities]) do %>
|
|
<svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
|
|
<rect x="3.5" y="5.5" width="17" height="13" rx="2" />
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="m4 7 8 6 8-6" />
|
|
</svg>
|
|
<span>Email</span>
|
|
<% end %>
|
|
<button type="button" data-action="sheet#toggle" class="flex min-h-12 min-w-0 flex-1 flex-col items-center justify-center gap-0.5 px-1 py-1 text-[11px] font-medium text-zinc-500 dark:text-zinc-400">
|
|
<svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
|
|
<circle cx="5" cy="12" r="1.4" fill="currentColor" />
|
|
<circle cx="12" cy="12" r="1.4" fill="currentColor" />
|
|
<circle cx="19" cy="12" r="1.4" fill="currentColor" />
|
|
</svg>
|
|
<span>Altro</span>
|
|
</button>
|
|
</div>
|
|
</nav>
|