This commit is contained in:
2026-06-12 11:04:14 -05:00
parent 29e724f3d6
commit 4f0ae5ee18

View File

@@ -563,7 +563,7 @@ export function injectToolbar() {
if (!c) return;
c.innerHTML = `
<div class="space-y-2 mb-4 p-4 bg-white rounded-lg shadow-sm border border-gray-200">
<div class="flex flex-wrap items-center gap-3">
<div class="flex items-center gap-3">
<div class="flex items-center gap-1 border border-gray-300 rounded-lg p-1 bg-gray-100">
<button data-status-filter="all" onclick="window.invoiceView.setStatus('all')"
class="px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">All</button>
@@ -587,10 +587,10 @@ export function injectToolbar() {
<span id="overdue-badge" class="hidden absolute -top-1.5 -right-1.5 bg-red-500 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center">0</span></button>
</div>
<div class="w-px h-8 bg-gray-300"></div>
<div class="flex items-center gap-2">
<div class="flex items-center gap-2 flex-1 min-w-0 max-w-[280px]">
<label class="text-sm font-medium text-gray-700">Customer:</label>
<input type="text" id="invoice-filter-customer" placeholder="Filter by name..." value="${filterCustomer}"
class="px-3 py-1.5 border border-gray-300 rounded-md text-sm flex-1 min-w-[140px] max-w-[280px] focus:ring-blue-500 focus:border-blue-500">
class="w-full px-3 py-1.5 border border-gray-300 rounded-md text-sm focus:ring-blue-500 focus:border-blue-500">
</div>
<div class="w-px h-8 bg-gray-300"></div>
<div class="flex items-center gap-2">
@@ -610,10 +610,10 @@ export function injectToolbar() {
</select>
</div>
<div class="w-px h-8 bg-gray-300"></div>
<div class="flex items-center gap-2">
<div class="flex items-center gap-2 flex-1 min-w-0 max-w-[280px]">
<label class="text-sm font-medium text-gray-700">Item:</label>
<input type="text" id="invoice-filter-item-search" placeholder="Search descriptions..." value="${filterItemSearch}"
class="px-3 py-1.5 border border-gray-300 rounded-md text-sm flex-1 min-w-[140px] max-w-[280px] focus:ring-blue-500 focus:border-blue-500">
class="w-full px-3 py-1.5 border border-gray-300 rounded-md text-sm focus:ring-blue-500 focus:border-blue-500">
</div>
</div>
<div class="flex items-center gap-3">