표 디자인 - 모든 표를 가벼운 스타일로 통일(.data-table 경량화: 작은 회색 헤더·연한 구분선·hover) - 표/패널 바깥 테두리 둥글게(rounded-lg) 일괄 적용, 표 래퍼에 패딩 카드(p-4) 통일 - 표 헤더·데이터 정렬을 전 화면 좌측 기준으로 통일 - .data-table th/td text-align:left (전역), 흩어진 center/right 정렬 정리 - 재디자인 Tailwind 표(포장단위·단가·기본코드·담당자·업체·판매대행소·무료대상자·지정판매소)도 셀 좌측화 - 기본정보관리 등 나머지 소메뉴 표를 기본 코드 관리 스타일(가벼운 표·상태 pill)로 재디자인 워크스페이스/공통 - "이 화면 설명" → 새 탭 대신 우측 드로어 팝업(현재 화면과 동시에 보기, Esc·드래그 폭조절) - 상단바 글씨 크기 조절(A−/A+), 작업 내용에 zoom 적용 - 탭 최대치 도달 시 자동 삭제 대신 안내 토스트, "모두 닫기"(업무 현황 탭은 보존) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
41 lines
2.8 KiB
PHP
41 lines
2.8 KiB
PHP
<section class="border-b border-gray-300 p-2 shrink-0 bg-control-panel">
|
|
<span class="text-sm font-bold text-gray-700">회원 등록</span>
|
|
</section>
|
|
<div class="border border-gray-300 rounded-lg p-4 mt-2 bg-white max-w-xl">
|
|
<form action="<?= base_url('admin/users/store') ?>" method="POST" class="space-y-4">
|
|
<?= csrf_field() ?>
|
|
<div class="flex flex-wrap items-center gap-2">
|
|
<label class="block text-sm font-bold text-gray-700 w-20">아이디 <span class="text-red-500">*</span></label>
|
|
<input class="border border-gray-300 rounded px-3 py-1.5 text-sm w-48" id="mb_id" name="mb_id" type="text" value="<?= esc(old('mb_id')) ?>" required/>
|
|
</div>
|
|
<div class="flex flex-wrap items-center gap-2">
|
|
<label class="block text-sm font-bold text-gray-700 w-20">비밀번호 <span class="text-red-500">*</span></label>
|
|
<input class="border border-gray-300 rounded px-3 py-1.5 text-sm w-48" id="mb_passwd" name="mb_passwd" type="password" required/>
|
|
</div>
|
|
<div class="flex flex-wrap items-center gap-2">
|
|
<label class="block text-sm font-bold text-gray-700 w-20">이름 <span class="text-red-500">*</span></label>
|
|
<input class="border border-gray-300 rounded px-3 py-1.5 text-sm w-48" id="mb_name" name="mb_name" type="text" value="<?= esc(old('mb_name')) ?>" required/>
|
|
</div>
|
|
<div class="flex flex-wrap items-center gap-2">
|
|
<label class="block text-sm font-bold text-gray-700 w-20">이메일</label>
|
|
<input class="border border-gray-300 rounded px-3 py-1.5 text-sm w-48" id="mb_email" name="mb_email" type="email" value="<?= esc(old('mb_email')) ?>"/>
|
|
</div>
|
|
<div class="flex flex-wrap items-center gap-2">
|
|
<label class="block text-sm font-bold text-gray-700 w-20">연락처</label>
|
|
<input class="border border-gray-300 rounded px-3 py-1.5 text-sm w-48" id="mb_phone" name="mb_phone" type="text" value="<?= esc(old('mb_phone')) ?>"/>
|
|
</div>
|
|
<div class="flex flex-wrap items-center gap-2">
|
|
<label class="block text-sm font-bold text-gray-700 w-20">역할 <span class="text-red-500">*</span></label>
|
|
<select class="border border-gray-300 rounded px-3 py-1.5 text-sm w-48" id="mb_level" name="mb_level" required>
|
|
<?php foreach (($assignableLevels ?? $roles->levelNames) as $lv => $name): ?>
|
|
<option value="<?= $lv ?>" <?= (string) old('mb_level') === (string) $lv ? 'selected' : '' ?>><?= esc($name) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="flex gap-2 pt-2">
|
|
<button type="submit" class="bg-btn-search text-white px-4 py-1.5 rounded-sm text-sm shadow hover:opacity-90 transition">등록</button>
|
|
<a href="<?= base_url('admin/users') ?>" class="bg-white text-black border border-btn-print-border px-4 py-1.5 rounded-sm text-sm shadow hover:bg-gray-50 transition">목록</a>
|
|
</div>
|
|
</form>
|
|
</div>
|