From 33d2e2549a54b90e06975051c049297780f63068 Mon Sep 17 00:00:00 2001
From: aymanalhattami <ayman.m.alhattami@gmail.com>
Date: Thu, 18 Apr 2024 09:37:43 +0300
Subject: [PATCH] style: context menu

---
 .../views/components/context-menu.blade.php   | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/resources/views/components/context-menu.blade.php b/resources/views/components/context-menu.blade.php
index 8edeec6..03a4d2c 100644
--- a/resources/views/components/context-menu.blade.php
+++ b/resources/views/components/context-menu.blade.php
@@ -1,10 +1,21 @@
 @if(method_exists(static::class, 'getContextMenu'))
-    <div id="contextMenu" class="z-50 min-w-[8rem] text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md w-64" style="display: none;">
+    <div id="contextMenu" class="z-50 min-w-[8rem] max-w-2xl text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md w-64" style="display: none;">
         @foreach(static::getContextMenu()->getItems() as $item)
-            <div @click="contextMenuOpen=false" class="relative flex cursor-default select-none group items-center rounded px-2 py-1.5 hover:bg-neutral-100 outline-none pl-8  data-[disabled]:opacity-50 data-[disabled]:pointer-events-none">
-                <a href="{{ $item->getUrl() }}" target="{{ $item->getTarget() }}">{{ $item->getTitle() }}</a>
-                <span class="ml-auto text-xs tracking-widest text-neutral-400 group-hover:text-neutral-600">⌘[</span>
-            </div>
+            <a href="{{ $item->getUrl() }}" target="{{ $item->getTarget() }}" @click="contextMenuOpen=false" class="flex gap-x-4 select-none group items-center justify-start rounded px-2 py-1.5 hover:bg-neutral-100 outline-none pl-8  data-[disabled]:opacity-50 data-[disabled]:pointer-events-none">
+                <span class="flex h-6 w-6 items-center justify-center">
+                    <x-filament::icon
+                        :icon="$item->getIcon()"
+                        class="h-6 w-6 ml-auto text-xs tracking-widest text-neutral-400 group-hover:text-neutral-600"
+                    />
+                </span>
+                <span>{{ $item->getTitle() }}</span>
+                <span>
+                    <x-filament::icon
+                        :icon="$item->getIcon()"
+                        class="h-6 w-6 ml-auto text-xs tracking-widest text-neutral-400 group-hover:text-neutral-600"
+                    />
+                </span>
+            </a>
         @endforeach
     </div>