denozord/router-lists-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Improve filter table header layout and styling
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m40s
Details

Browse Source
This commit is contained in:
denozord
2025-11-13 16:49:48 +07:00
parent 9b36b7c4f6
commit afa1049f1f
1 changed files with 34 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/FilterManager.jsx
+34 -26
View File
@@ -1007,33 +1007,41 @@ function FilterManager() {
{selectedServer && (
<div className="card">
<div className="card-header">
<h3 className="card-title">
<IconFilter className="me-2" />
Фильтры сервера: {selectedServer.name}
<span className="badge bg-blue-lt text-blue ms-2">
{serverFilters.length}
</span>
</h3>
<div className="card-actions">
<div className="input-icon me-2">
<input
type="text"
className="form-control"
placeholder="Поиск фильтров..."
value={filterSearch}
onChange={(e) => setFilterSearch(e.target.value)}
/>
<span className="input-icon-addon">
<IconSearch />
</span>
<div className="row align-items-center">
<div className="col">
<h3 className="card-title mb-1">
<IconFilter size={20} className="me-2" />
Фильтры сервера: {selectedServer.name}
</h3>
<div className="text-muted">
<span className="badge bg-blue-lt text-blue">
{serverFilters.length} {serverFilters.length === 1 ? 'фильтр' : serverFilters.length > 1 && serverFilters.length < 5 ? 'фильтра' : 'фильтров'}
</span>
</div>
</div>
<div className="col-auto">
<div className="d-flex gap-2">
<div className="input-icon" style={{ minWidth: '280px' }}>
<input
type="text"
className="form-control"
placeholder="Поиск фильтров..."
value={filterSearch}
onChange={(e) => setFilterSearch(e.target.value)}
/>
<span className="input-icon-addon">
<IconSearch size={18} />
</span>
</div>
<button
className="btn btn-primary"
onClick={() => setAddFilterModalOpen(true)}
>
<IconPlus className="icon me-1" />
Добавить фильтр
</button>
</div>
</div>
<button
className="btn btn-primary"
onClick={() => setAddFilterModalOpen(true)}
>
<IconPlus className="icon" />
Добавить фильтр
</button>
</div>
</div>
<div className="card-body">