style: [barobill] 회원사관리 필터 영역 PC에서 한 줄 배치

- form에 sm:flex-nowrap 추가하여 PC에서 줄바꿈 방지
- 검색창 sm:flex-1 + sm:max-w-sm으로 자연스러운 너비 유지
- 모바일에서는 기존처럼 flex-wrap 유지
This commit is contained in:
김보곤
2026-02-21 11:33:40 +09:00
parent 2e2ae3037d
commit fc6c3ee24e

View File

@@ -35,7 +35,7 @@ class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6 flex-shrink-0">
<!-- 필터 영역 -->
<div class="flex-shrink-0">
<x-filter-collapsible id="memberFilterForm">
<form id="memberFilterForm" class="flex flex-wrap gap-2 sm:gap-4 items-center">
<form id="memberFilterForm" class="flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3 items-center">
<!-- 전체 테넌트 보기 토글 (바로빌본사용) -->
<label class="flex items-center gap-2 px-3 py-2 bg-purple-50 border border-purple-200 rounded-lg cursor-pointer hover:bg-purple-100 transition-colors">
<input type="checkbox"
@@ -47,7 +47,7 @@ class="w-4 h-4 rounded border-purple-300 text-purple-600 focus:ring-purple-500">
</label>
<!-- 검색 -->
<div class="w-full sm:w-80">
<div class="w-full sm:flex-1 sm:min-w-0 sm:max-w-sm">
<input type="text"
name="search"
placeholder="상호명, 사업자번호, 바로빌ID로 검색..."
@@ -55,7 +55,7 @@ class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none foc
</div>
<!-- 상태 필터 -->
<div class="w-full sm:w-40">
<div class="w-full sm:w-36">
<select name="status" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
<option value="">전체 상태</option>
<option value="active">활성</option>