style: Compact search/filter forms across all pages
TaxBaik CI/CD / build-and-deploy (push) Successful in 1m7s
TaxBaik CI/CD / build-and-deploy (push) Successful in 1m7s
- Reduce card-body padding to p-2 - Change gap from g-3 to g-2 - Convert row columns to col-auto for compact layout - Add form-control-sm and form-select-sm - Shorten placeholder text and labels - Applied to: Blog, Clients, Inquiries Result: Search sections now take minimal vertical space, table data dominates the view for better data density. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -8,17 +8,21 @@
|
||||
@await Html.PartialAsync("_AdminPageHeader", new TaxBaik.Web.Models.AdminPageHeaderModel("콘텐츠", "블로그 관리", "검색, 발행 상태, 작성일 기준의 블로그 목록입니다.", "/admin/blog/create", "새 글 작성"))
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="card-body p-2">
|
||||
<form method="get">
|
||||
<div class="row g-3 align-items-end">
|
||||
<div class="col-md-6">
|
||||
<label class="form-label" for="SearchQuery">검색</label>
|
||||
<input class="form-control" id="SearchQuery" name="searchQuery" value="@Model.SearchQuery" placeholder="제목 또는 본문 검색" />
|
||||
<div class="row g-2 align-items-end">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label form-label-sm" for="SearchQuery">검색</label>
|
||||
<input class="form-control form-control-sm" id="SearchQuery" name="searchQuery" value="@Model.SearchQuery" placeholder="제목 또는 본문" />
|
||||
</div>
|
||||
<div class="col-md-6 d-flex gap-2">
|
||||
<button class="btn btn-primary" type="submit">검색</button>
|
||||
<a class="btn btn-outline-secondary" href="/admin/blog">초기화</a>
|
||||
<a class="btn btn-outline-secondary" href="/admin/blog?showArchived=true">내린 글 보기</a>
|
||||
<div class="col-auto">
|
||||
<button class="btn btn-primary btn-sm" type="submit">검색</button>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a class="btn btn-outline-secondary btn-sm" href="/admin/blog">초기화</a>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a class="btn btn-outline-secondary btn-sm" href="/admin/blog?showArchived=true">내린 글</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -8,32 +8,34 @@
|
||||
@await Html.PartialAsync("_AdminPageHeader", new TaxBaik.Web.Models.AdminPageHeaderModel("고객 관리", "고객 목록", "검색, 상태 필터, 페이지네이션 기준의 고객 목록입니다.", "/admin/clients/create", "고객 등록"))
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="card-body p-2">
|
||||
<form method="get">
|
||||
<div class="row g-3 align-items-end">
|
||||
<div class="row g-2 align-items-end">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="Search">검색</label>
|
||||
<input class="form-control" id="Search" name="search" value="@Model.Search" placeholder="이름, 전화, 회사명" />
|
||||
<label class="form-label form-label-sm" for="Search">검색</label>
|
||||
<input class="form-control form-control-sm" id="Search" name="search" value="@Model.Search" placeholder="이름, 전화, 회사" />
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label" for="Status">상태</label>
|
||||
<select class="form-select" id="Status" name="status">
|
||||
<div class="col-md-2">
|
||||
<label class="form-label form-label-sm" for="Status">상태</label>
|
||||
<select class="form-select form-select-sm" id="Status" name="status">
|
||||
<option value="" selected="@(string.IsNullOrWhiteSpace(Model.Status))">전체</option>
|
||||
<option value="active" selected="@(Model.Status == "active")">active</option>
|
||||
<option value="inactive" selected="@(Model.Status == "inactive")">inactive</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<label class="form-label" for="PageSize">페이지 크기</label>
|
||||
<select class="form-select" id="PageSize" name="pageSize">
|
||||
<div class="col-auto">
|
||||
<label class="form-label form-label-sm" for="PageSize">건수</label>
|
||||
<select class="form-select form-select-sm" id="PageSize" name="pageSize">
|
||||
<option value="10" selected="@(Model.PageSize == 10)">10</option>
|
||||
<option value="20" selected="@(Model.PageSize == 20)">20</option>
|
||||
<option value="50" selected="@(Model.PageSize == 50)">50</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-3 d-grid d-sm-flex gap-2">
|
||||
<button class="btn btn-primary" type="submit">검색</button>
|
||||
<a class="btn btn-outline-secondary" href="/admin/clients">초기화</a>
|
||||
<div class="col-auto">
|
||||
<button class="btn btn-primary btn-sm" type="submit">검색</button>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a class="btn btn-outline-secondary btn-sm" href="/admin/clients">초기화</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -5,15 +5,15 @@
|
||||
<section class="admin-page-shell">
|
||||
@await Html.PartialAsync("_AdminPageHeader", new TaxBaik.Web.Models.AdminPageHeaderModel("Customer Requests", "문의 관리", "상담 요청을 상태별로 확인합니다.", "/admin/inquiries/create", "문의 등록"))
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="card-body p-2">
|
||||
<form method="get">
|
||||
<div class="row g-3 align-items-end">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="Status">상태</label>
|
||||
<input class="form-control" id="Status" name="status" value="@Model.Status" placeholder="new / consulting / contracted ..." />
|
||||
<div class="row g-2 align-items-end">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label form-label-sm" for="Status">상태</label>
|
||||
<input class="form-control form-control-sm" id="Status" name="status" value="@Model.Status" placeholder="new, consulting..." />
|
||||
</div>
|
||||
<div class="col-md-2 d-grid">
|
||||
<button class="btn btn-primary" type="submit">필터</button>
|
||||
<div class="col-auto">
|
||||
<button class="btn btn-primary btn-sm" type="submit">필터</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
Reference in New Issue
Block a user