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
+17 -9
View File
@@ -1007,15 +1007,21 @@ function FilterManager() {
{selectedServer && ( {selectedServer && (
<div className="card"> <div className="card">
<div className="card-header"> <div className="card-header">
<h3 className="card-title"> <div className="row align-items-center">
<IconFilter className="me-2" /> <div className="col">
<h3 className="card-title mb-1">
<IconFilter size={20} className="me-2" />
Фильтры сервера: {selectedServer.name} Фильтры сервера: {selectedServer.name}
<span className="badge bg-blue-lt text-blue ms-2">
{serverFilters.length}
</span>
</h3> </h3>
<div className="card-actions"> <div className="text-muted">
<div className="input-icon me-2"> <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 <input
type="text" type="text"
className="form-control" className="form-control"
@@ -1024,18 +1030,20 @@ function FilterManager() {
onChange={(e) => setFilterSearch(e.target.value)} onChange={(e) => setFilterSearch(e.target.value)}
/> />
<span className="input-icon-addon"> <span className="input-icon-addon">
<IconSearch /> <IconSearch size={18} />
</span> </span>
</div> </div>
<button <button
className="btn btn-primary" className="btn btn-primary"
onClick={() => setAddFilterModalOpen(true)} onClick={() => setAddFilterModalOpen(true)}
> >
<IconPlus className="icon" /> <IconPlus className="icon me-1" />
Добавить фильтр Добавить фильтр
</button> </button>
</div> </div>
</div> </div>
</div>
</div>
<div className="card-body"> <div className="card-body">
{loading ? ( {loading ? (
<div className="text-center text-muted py-4"> <div className="text-center text-muted py-4">