various improvements
This commit is contained in:
21
components/DropdownItem.vue
Normal file → Executable file
21
components/DropdownItem.vue
Normal file → Executable file
@@ -1,15 +1,18 @@
|
||||
<template>
|
||||
<li>
|
||||
<button
|
||||
class="w-full cursor-pointer bg-inherit hover:backdrop-brightness-150 text-left px-3 py-1.5 rounded-md flex items-center justify-between transition-all"
|
||||
:class="(danger) ? 'hover:bg-[var(--primary-danger)]' : ''">
|
||||
<slot />
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button
|
||||
class="w-full cursor-pointer bg-inherit hover:backdrop-brightness-150 text-left px-3 py-1.5 rounded-md flex items-center justify-between transition-all"
|
||||
:class="(danger) ? 'hover:bg-[var(--primary-danger)]' : ''"
|
||||
>
|
||||
<slot />
|
||||
</button>
|
||||
</li>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ['danger']
|
||||
}
|
||||
props: {
|
||||
danger: Boolean,
|
||||
},
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user