From 58b5e742e06ec90f74f2a88d75dce7b13fb88509 Mon Sep 17 00:00:00 2001
From: suraj kashyap <suraj.kashyap370@webkul.in>
Date: Fri, 16 Aug 2024 17:47:42 +0530
Subject: [PATCH] refactor the person page.

---
 .../components/attributes/view/lookup.blade.php   |  2 +-
 .../controls/inline/lookup.blade.php              | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/Webkul/Admin/src/Resources/views/components/attributes/view/lookup.blade.php b/packages/Webkul/Admin/src/Resources/views/components/attributes/view/lookup.blade.php
index d355ce4e4..9accc00cb 100644
--- a/packages/Webkul/Admin/src/Resources/views/components/attributes/view/lookup.blade.php
+++ b/packages/Webkul/Admin/src/Resources/views/components/attributes/view/lookup.blade.php
@@ -4,7 +4,7 @@
 
 <x-admin::form.control-group.controls.inline.lookup 
     ::name="'{{ $attribute->code }}'"
-    :value="$lookUpEntity->name"
+    :value="$lookUpEntity?->name"
     :attribute="$attribute"
     position="left"
     :label="$attribute->name"
diff --git a/packages/Webkul/Admin/src/Resources/views/components/form/control-group/controls/inline/lookup.blade.php b/packages/Webkul/Admin/src/Resources/views/components/form/control-group/controls/inline/lookup.blade.php
index 80f3eadea..13d8f1fc7 100644
--- a/packages/Webkul/Admin/src/Resources/views/components/form/control-group/controls/inline/lookup.blade.php
+++ b/packages/Webkul/Admin/src/Resources/views/components/form/control-group/controls/inline/lookup.blade.php
@@ -33,7 +33,20 @@ class="flex items-center rounded-xs h-[34px] space-x-2"
                     v-model="inputValue"
                 />
 
-                <span class="pl-[2px] rounded border border-transparent">@{{ inputValue }}</span>
+                <div class="relative flex flex-col items-center group !w-full">
+                    <span class="pl-[2px] rounded border border-transparent truncate w-40">@{{ inputValue }}</span>
+
+                    <div
+                        class="absolute bottom-0 flex-col items-center hidden mb-5 group-hover:flex"
+                        v-if="inputValue > 20"
+                    >
+                        <span class="relative rounded-md z-10 p-4 text-xs leading-none whitespace-no-wrap text-white bg-black shadow-lg">
+                            @{{ inputValue }}
+                        </span>
+
+                        <div class="w-3 h-3 -mt-2 rotate-45 bg-black"></div>
+                    </div>
+                </div>
 
                 <template v-if="allowEdit">
                     <i