fix(users): widen edit modal popup and prevent unassign/return button text wrapping

This commit is contained in:
NAS-Admin 2026-06-01 09:25:56 +09:00
parent d11dc0983f
commit 3a2ea2af20

View file

@ -459,7 +459,7 @@
<!-- User Registration/Edit Modal --> <!-- User Registration/Edit Modal -->
<div x-show="showModal" x-cloak class="fixed inset-0 z-[110] flex items-center justify-center p-4"> <div x-show="showModal" x-cloak class="fixed inset-0 z-[110] flex items-center justify-center p-4">
<div class="fixed inset-0 modal-bg" @click="showModal = false"></div> <div class="fixed inset-0 modal-bg" @click="showModal = false"></div>
<div class="bg-white rounded-3xl p-8 max-w-xl w-full relative z-[111] shadow-2xl overflow-hidden"> <div class="bg-white rounded-3xl p-8 max-w-3xl w-full relative z-[111] shadow-2xl overflow-y-auto max-h-[90vh] no-scrollbar">
<h3 class="text-2xl font-black text-slate-900 mb-8" x-text="isEdit ? '직원 정보 수정' : '신규 직원 등록'"></h3> <h3 class="text-2xl font-black text-slate-900 mb-8" x-text="isEdit ? '직원 정보 수정' : '신규 직원 등록'"></h3>
<form @submit.prevent="submitUser" class="space-y-6"> <form @submit.prevent="submitUser" class="space-y-6">
<div class="grid grid-cols-2 gap-6"> <div class="grid grid-cols-2 gap-6">
@ -563,7 +563,7 @@
</div> </div>
</div> </div>
<button type="button" @click="unassignPermanentLaptop(laptop)" <button type="button" @click="unassignPermanentLaptop(laptop)"
class="px-3.5 py-1.5 bg-rose-50 hover:bg-rose-100 text-rose-600 text-xs font-bold rounded-xl transition-all border border-rose-100 active:scale-95"> class="px-3.5 py-1.5 bg-rose-50 hover:bg-rose-100 text-rose-600 text-xs font-bold rounded-xl transition-all border border-rose-100 active:scale-95 whitespace-nowrap">
배정 해제 배정 해제
</button> </button>
</div> </div>
@ -603,7 +603,7 @@
</div> </div>
</div> </div>
<button type="button" @click="returnTemporaryLaptop(laptop)" <button type="button" @click="returnTemporaryLaptop(laptop)"
class="px-3.5 py-1.5 bg-amber-50 hover:bg-amber-100 text-amber-600 text-xs font-bold rounded-xl transition-all border border-amber-100 active:scale-95"> class="px-3.5 py-1.5 bg-amber-50 hover:bg-amber-100 text-amber-600 text-xs font-bold rounded-xl transition-all border border-amber-100 active:scale-95 whitespace-nowrap">
반납 처리 반납 처리
</button> </button>
</div> </div>