관리자 토스트 표시 컴포넌트 공통화

This commit is contained in:
2026-07-23 16:29:19 +09:00
parent 180213f6ed
commit f1bc980b61
17 changed files with 63 additions and 149 deletions

View File

@@ -863,20 +863,7 @@ watch(() => props.member, () => {
@leave="leaveUnsavedPage"
/>
<Teleport to="body">
<div
v-if="toast"
class="admin-member-form__toast fixed right-5 top-5 z-[100] max-w-[min(24rem,calc(100vw-2.5rem))] rounded border px-4 py-3 text-sm font-semibold shadow-lg"
:class="{
'border-green-200 bg-green-50 text-green-800': toast.type === 'success',
'border-red-200 bg-red-50 text-red-800': toast.type === 'error',
'border-[#e3e6e8] bg-white text-[#15171a]': toast.type === 'info'
}"
role="status"
>
{{ toast.message }}
</div>
</Teleport>
<AdminToast :toast="toast" />
<Teleport to="body">
<div v-if="passwordModalOpen" class="admin-member-form__modal fixed inset-0 z-50 flex items-start justify-center bg-black/35 px-4 pt-10">