jaro/ikea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding cursor move and removing overflow

Browse Source
This commit is contained in:
Geriano
2022-07-29 20:53:23 +07:00
parent 15e3431a06
commit 09717c078d
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/Pages/Superuser/Menu/Index.vue
View File

@@ -153,7 +153,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
</template> </template>
<template #body> <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" /> <Nested :menus="menus" :edit="edit" :destroy="destroy" :save="save" />
</div> </div>
</template> </template>

2
resources/js/Pages/Superuser/Menu/Nested.vue
View File

@@ -21,7 +21,7 @@ const { menus, edit, destroy, save } = defineProps({
@change="save"> @change="save">
<template #item="{ element }"> <template #item="{ element }">
<div class="flex flex-col space-y-1"> <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"> <div class="flex items-center space-x-2 w-full">
<Icon :name="element.icon" /> <Icon :name="element.icon" />
<p class="uppercase">{{ element.name }}</p> <p class="uppercase">{{ element.name }}</p>