restyling in light mode

This commit is contained in:
Geriano
2022-07-26 09:22:22 +07:00
parent d25f8f49da
commit 8eea2bd36d

View File

@@ -19,7 +19,7 @@ const { menus, edit, destroy } = defineProps({
item-key="name"> item-key="name">
<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 dark:bg-gray-800 dark:hover:bg-gray-900 rounded-md px-4 py-2"> <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 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>