28 lines
472 B
Vue

<template>
<n-el
tag="div"
class="el h-full px-3 cursor-pointer"
>
<n-space
align="center"
class="h-full"
>
<slot />
</n-space>
</n-el>
</template>
<script setup lang="ts"></script>
<style scoped>
.el {
color: var(--n-text-color);
background-color: var(--n-color);
transition: 0.3s var(--cubic-bezier-ease-in-out);
}
.el:hover {
background-color: var(--button-color-2-hover);
color: var(--n-text-color-hover);
}
</style>