Fix interactive elements not working in modal header

This commit is contained in:
Colin Kallemein 2024-07-06 20:32:41 +02:00
parent 6f3e42a8be
commit b0fdb816da
2 changed files with 5 additions and 5 deletions

View File

@ -3,10 +3,10 @@
<template #modalHeader>
<h3 class="m-0 font-medium shrink-0">GM Panel</h3>
<div class="flex gap-1.5 flex-wrap">
<button class="btn-cyan py-1.5 px-[15px] min-w-[100px]">General</button>
<button class="btn-cyan py-1.5 px-[15px] min-w-[100px]">Users</button>
<button class="btn-cyan py-1.5 px-[15px] min-w-[100px]">Chats</button>
<button class="btn-cyan active py-1.5 px-[15px] min-w-[100px]">Asset manager</button>
<button @mousedown.stop class="btn-cyan py-1.5 px-[15px] min-w-[100px]">General</button>
<button @mousedown.stop class="btn-cyan py-1.5 px-[15px] min-w-[100px]">Users</button>
<button @mousedown.stop class="btn-cyan py-1.5 px-[15px] min-w-[100px]">Chats</button>
<button @mousedown.stop class="btn-cyan active py-1.5 px-[15px] min-w-[100px]">Asset manager</button>
</div>
</template>
<template #modalBody>

View File

@ -6,7 +6,7 @@
<div class="flex gap-1.5 flex-wrap">
<div class="w-full flex flex-col">
<label class="mb-1.5 font-titles hidden" for="z-index">Z-index</label>
<input class="input-cyan" type="number" name="z-index" placeholder="Z-index" />
<input @mousedown.stop class="input-cyan" type="number" name="z-index" placeholder="Z-index" />
</div>
</div>
</template>