From 09717c078def124e7403e2de04c0c280684e16b4 Mon Sep 17 00:00:00 2001
From: Geriano <gerznewbie@gmail.com>
Date: Fri, 29 Jul 2022 20:53:23 +0700
Subject: [PATCH] adding cursor move and removing overflow

---
 resources/js/Pages/Superuser/Menu/Index.vue  | 2 +-
 resources/js/Pages/Superuser/Menu/Nested.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/Pages/Superuser/Menu/Index.vue b/resources/js/Pages/Superuser/Menu/Index.vue
index 0b3c30e..f5cf941 100644
--- a/resources/js/Pages/Superuser/Menu/Index.vue
+++ b/resources/js/Pages/Superuser/Menu/Index.vue
@@ -153,7 +153,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
       </template>
 
       <template #body>
-        <div class="flex flex-col space-y-1 p-2 max-h-96 overflow-auto">
+        <div class="flex flex-col space-y-1 p-2">
           <Nested :menus="menus" :edit="edit" :destroy="destroy" :save="save" />
         </div>
       </template>
diff --git a/resources/js/Pages/Superuser/Menu/Nested.vue b/resources/js/Pages/Superuser/Menu/Nested.vue
index c812bfd..47f9831 100644
--- a/resources/js/Pages/Superuser/Menu/Nested.vue
+++ b/resources/js/Pages/Superuser/Menu/Nested.vue
@@ -21,7 +21,7 @@ const { menus, edit, destroy, save } = defineProps({
     @change="save">
     <template #item="{ element }">
       <div class="flex flex-col space-y-1">
-        <div class="flex items-center space-x-2 bg-gray-200 hover:bg-gray-100 dark:bg-gray-800 dark:hover:bg-gray-900 rounded-md px-4 py-2 transition-all">
+        <div class="flex items-center space-x-2 bg-gray-200 hover:bg-gray-100 dark:bg-gray-800 dark:hover:bg-gray-900 rounded-md px-4 py-2 transition-all cursor-move">
           <div class="flex items-center space-x-2 w-full">
             <Icon :name="element.icon" />
             <p class="uppercase">{{ element.name }}</p>