Use mobile icon button for New queue and sync mobile nav partials.

Replace text-only queue create button on mobile dashboard.
2026-07-03 22:41:00 +00:00
parent 8346e7cfb3
commit 9b29aad6d5
3 changed files with 23 additions and 11 deletions
@@ -2,14 +2,20 @@
    $icon = $icon ?? 'arrow';
    $desktopClass = $desktopClass ?? 'text-xs font-medium text-indigo-600 hover:text-indigo-700';
    $label = $label ?? '';
+    $extraAttributes = $attributes ?? '';
@endphp

 <a href="{{ $href }}"
   aria-label="{{ $label }}"
   title="{{ $label }}"
+   @if ($extraAttributes !== '') {!! $extraAttributes !!} @endif
   class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-indigo-50 text-indigo-600 ring-1 ring-indigo-100 transition hover:bg-indigo-100 lg:h-auto lg:w-auto lg:rounded-none lg:bg-transparent lg:ring-0 lg:hover:bg-transparent">
    <span class="lg:hidden">
-        @if ($icon === 'shield')
+        @if ($icon === 'plus')
+            <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/>
+            </svg>
+        @elseif ($icon === 'shield')
            <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"/>
            </svg>