romfast/gomag-vending
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(dashboard): move search box from filter bar to card header

Browse Source 
Reduces vertical space by eliminating the second row in the filter bar.
Search input is now next to the "Comenzi" title, hidden on mobile.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-03-17 14:04:10 +00:00
parent 7dd39f9712
commit 3d212979d9
3 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
api/app/static/css/style.css
View File

@@ -425,7 +425,6 @@ tr.mapping-deleted td {
/* ── Search input ────────────────────────────────── */ /* ── Search input ────────────────────────────────── */
.search-input { .search-input {
margin-left: auto;
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
border: 1px solid #d1d5db; border: 1px solid #d1d5db;
border-radius: 0.375rem; border-radius: 0.375rem;
@@ -706,7 +705,7 @@ tr.mapping-deleted td {
gap: 0.375rem; gap: 0.375rem;
} }
.filter-pill { padding: 0.25rem 0.5rem; font-size: 0.8125rem; } .filter-pill { padding: 0.25rem 0.5rem; font-size: 0.8125rem; }
.search-input { min-width: 0; width: 100%; order: 99; } .search-input { min-width: 0; width: 100%; }
.page-btn.page-number { display: none; } .page-btn.page-number { display: none; }
.page-btn.page-ellipsis { display: none; } .page-btn.page-ellipsis { display: none; }
.table-responsive { display: none; } .table-responsive { display: none; }

2
api/app/templates/base.html
View File

@@ -7,7 +7,7 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.css" rel="stylesheet">
{% set rp = request.scope.get('root_path', '') %} {% set rp = request.scope.get('root_path', '') %}
<link href="{{ rp }}/static/css/style.css?v=11" rel="stylesheet"> <link href="{{ rp }}/static/css/style.css?v=12" rel="stylesheet">
</head> </head>
<body> <body>
<!-- Top Navbar --> <!-- Top Navbar -->

5
api/app/templates/dashboard.html
View File

@@ -44,8 +44,9 @@
<!-- Orders Table --> <!-- Orders Table -->
<div class="card mb-4"> <div class="card mb-4">
<div class="card-header"> <div class="card-header d-flex align-items-center justify-content-between">
<span>Comenzi</span> <span>Comenzi</span>
<input type="search" id="orderSearch" placeholder="Cauta..." class="search-input d-none d-md-inline-block">
</div> </div>
<div class="card-body py-2 px-3"> <div class="card-body py-2 px-3">
<div class="filter-bar" id="ordersFilterBar"> <div class="filter-bar" id="ordersFilterBar">
@@ -75,8 +76,6 @@
<button class="filter-pill d-none d-md-inline-flex" data-status="UNINVOICED">Nefacturate <span class="filter-count fc-red" id="cntNef">0</span></button> <button class="filter-pill d-none d-md-inline-flex" data-status="UNINVOICED">Nefacturate <span class="filter-count fc-red" id="cntNef">0</span></button>
<button class="filter-pill d-none d-md-inline-flex" data-status="CANCELLED">Anulate <span class="filter-count fc-dark" id="cntCanc">0</span></button> <button class="filter-pill d-none d-md-inline-flex" data-status="CANCELLED">Anulate <span class="filter-count fc-dark" id="cntCanc">0</span></button>
<button class="btn btn-sm btn-outline-secondary d-none d-md-inline-flex align-items-center gap-1" id="btnRefreshInvoices" onclick="refreshInvoices()" title="Actualizeaza status facturi din Oracle">&#8635; Facturi</button> <button class="btn btn-sm btn-outline-secondary d-none d-md-inline-flex align-items-center gap-1" id="btnRefreshInvoices" onclick="refreshInvoices()" title="Actualizeaza status facturi din Oracle">&#8635; Facturi</button>
<!-- Search (integrated, end of row) -->
<input type="search" id="orderSearch" placeholder="Cauta..." class="search-input">
</div> </div>
<div class="d-md-none mb-2 d-flex align-items-center gap-2"> <div class="d-md-none mb-2 d-flex align-items-center gap-2">
<div class="flex-grow-1" id="dashMobileSeg"></div> <div class="flex-grow-1" id="dashMobileSeg"></div>