mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-21 21:33:18 +01:00
26 lines
678 B
Vue
26 lines
678 B
Vue
<template>
|
|
<div class="dropdown">
|
|
<label tabindex="0" class="btn btn-circle btn-sm" @mousedown="checkAndCloseDropDown($event)" @blur="closed()">
|
|
<slot name="trigger"></slot>
|
|
</label>
|
|
<div
|
|
tabindex="0"
|
|
class="min-w-52 dropdown-content rounded-box z-50 mt-1 border border-base-content/20 bg-base p-2 shadow"
|
|
>
|
|
<slot name="content"></slot>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const closed = defineEmit();
|
|
function checkAndCloseDropDown(e: MouseEvent) {
|
|
const target = e.currentTarget as HTMLElement;
|
|
if (target?.matches(":focus")) {
|
|
setTimeout(() => target.blur(), 0);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped></style>
|