fix:고객사정산/구독관리 필터 레이아웃 유연한 너비로 변경
grid 균등분할 → flex wrap + min-width로 자연스러운 너비 적용. 수당관리 필터와 동일한 스타일로 통일. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -30,34 +30,34 @@
|
||||
<form hx-get="{{ route('finance.settlement.customer') }}"
|
||||
hx-target="#customer-content"
|
||||
hx-trigger="submit"
|
||||
class="grid grid-cols-1 md:grid-cols-5 gap-4">
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">검색</label>
|
||||
class="flex flex-wrap items-end gap-3">
|
||||
<div class="w-[calc(50%-6px)] sm:w-auto sm:min-w-[160px]">
|
||||
<label class="block text-xs font-medium text-gray-500 mb-1">검색</label>
|
||||
<input type="text" name="search" placeholder="고객사명"
|
||||
value="{{ request('search') }}"
|
||||
class="w-full rounded-lg border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
|
||||
class="w-full rounded-lg border-gray-300 text-sm focus:border-indigo-500 focus:ring-indigo-500">
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">개발 상태</label>
|
||||
<select name="hq_status" class="w-full rounded-lg border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
|
||||
<div class="w-[calc(50%-6px)] sm:w-auto sm:min-w-[120px]">
|
||||
<label class="block text-xs font-medium text-gray-500 mb-1">개발 상태</label>
|
||||
<select name="hq_status" class="w-full rounded-lg border-gray-300 text-sm focus:border-indigo-500 focus:ring-indigo-500">
|
||||
<option value="">전체</option>
|
||||
@foreach ($hqStatusLabels as $value => $label)
|
||||
<option value="{{ $value }}" {{ request('hq_status') == $value ? 'selected' : '' }}>{{ $label }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">수금 상태</label>
|
||||
<select name="payment_status" class="w-full rounded-lg border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
|
||||
<div class="w-[calc(50%-6px)] sm:w-auto sm:min-w-[120px]">
|
||||
<label class="block text-xs font-medium text-gray-500 mb-1">수금 상태</label>
|
||||
<select name="payment_status" class="w-full rounded-lg border-gray-300 text-sm focus:border-indigo-500 focus:ring-indigo-500">
|
||||
<option value="">전체</option>
|
||||
<option value="fully_paid" {{ request('payment_status') == 'fully_paid' ? 'selected' : '' }}>수금완료</option>
|
||||
<option value="partial" {{ request('payment_status') == 'partial' ? 'selected' : '' }}>부분수금</option>
|
||||
<option value="unpaid" {{ request('payment_status') == 'unpaid' ? 'selected' : '' }}>미수금</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">담당 파트너</label>
|
||||
<select name="partner_id" class="w-full rounded-lg border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
|
||||
<div class="w-[calc(50%-6px)] sm:w-auto sm:min-w-[120px]">
|
||||
<label class="block text-xs font-medium text-gray-500 mb-1">담당 파트너</label>
|
||||
<select name="partner_id" class="w-full rounded-lg border-gray-300 text-sm focus:border-indigo-500 focus:ring-indigo-500">
|
||||
<option value="">전체</option>
|
||||
@foreach ($partners as $partner)
|
||||
<option value="{{ $partner->id }}" {{ request('partner_id') == $partner->id ? 'selected' : '' }}>
|
||||
@@ -66,8 +66,8 @@ class="w-full rounded-lg border-gray-300 focus:border-indigo-500 focus:ring-indi
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex items-end">
|
||||
<button type="submit" class="w-full px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg transition-colors">
|
||||
<div class="flex items-end gap-1 w-full sm:w-auto">
|
||||
<button type="submit" class="flex-1 sm:flex-none px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white text-sm rounded-lg transition-colors">
|
||||
조회
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -25,24 +25,24 @@
|
||||
<form hx-get="{{ route('finance.settlement.subscription') }}"
|
||||
hx-target="#subscription-content"
|
||||
hx-trigger="submit"
|
||||
class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">검색</label>
|
||||
class="flex flex-wrap items-end gap-3">
|
||||
<div class="w-[calc(50%-6px)] sm:w-auto sm:min-w-[160px]">
|
||||
<label class="block text-xs font-medium text-gray-500 mb-1">검색</label>
|
||||
<input type="text" name="search" placeholder="고객사명"
|
||||
value="{{ request('search') }}"
|
||||
class="w-full rounded-lg border-gray-300 focus:border-teal-500 focus:ring-teal-500">
|
||||
class="w-full rounded-lg border-gray-300 text-sm focus:border-teal-500 focus:ring-teal-500">
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">상태</label>
|
||||
<select name="status" class="w-full rounded-lg border-gray-300 focus:border-teal-500 focus:ring-teal-500">
|
||||
<div class="w-[calc(50%-6px)] sm:w-auto sm:min-w-[100px]">
|
||||
<label class="block text-xs font-medium text-gray-500 mb-1">상태</label>
|
||||
<select name="status" class="w-full rounded-lg border-gray-300 text-sm focus:border-teal-500 focus:ring-teal-500">
|
||||
<option value="all">전체</option>
|
||||
<option value="contracted" {{ request('status') == 'contracted' ? 'selected' : '' }}>계약완료</option>
|
||||
<option value="onboarding" {{ request('status') == 'onboarding' ? 'selected' : '' }}>온보딩</option>
|
||||
<option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>활성</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex items-end">
|
||||
<button type="submit" class="w-full px-4 py-2 bg-teal-600 hover:bg-teal-700 text-white rounded-lg transition-colors">
|
||||
<div class="flex items-end gap-1 w-full sm:w-auto">
|
||||
<button type="submit" class="flex-1 sm:flex-none px-4 py-2 bg-teal-600 hover:bg-teal-700 text-white text-sm rounded-lg transition-colors">
|
||||
조회
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user