fix: remove extra </div> from Teleport removal in HostEditDialog

Mismatched div count was silently breaking the component in
production builds. 18 opens, 19 closes → now 18/18.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Vantz Stockwell 2026-03-13 08:52:18 -04:00
parent 04d619eb2d
commit 19e765058d

View File

@ -139,10 +139,9 @@ async function save() {
</script>
<template>
<Teleport to="body">
<div v-if="visible" class="fixed inset-0 z-50 flex items-center justify-center">
<div v-if="visible" class="fixed inset-0 z-[9999] flex items-center justify-center">
<!-- Backdrop -->
<div class="absolute inset-0 bg-black/60" @click="close" />
<div class="absolute inset-0 bg-black/70" @click="close" />
<!-- Dialog -->
<div class="relative bg-gray-900 border border-gray-700 rounded-lg shadow-xl w-[480px] max-h-[90vh] overflow-y-auto">
<!-- Header -->
@ -249,5 +248,4 @@ async function save() {
</div>
</div>
</div>
</Teleport>
</template>