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

refactor(Managers): update card header layout in ASNs, Domains, and IPRanges managers for improved visual consistency and enhanced user experience
Publish Fast Tabler Docker image / build-and-push-fast (push) Failing after 55s
Details

Browse Source
This commit is contained in:
denozord
2026-02-16 17:58:47 +07:00
parent 6efe497e18
commit 59082aa0d0
3 changed files with 44 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/ASNsNewManager.jsx
+16 -3
View File
@@ -588,9 +588,22 @@ function ASNsNewManager() {
/> />
<div className="card card-flat"> <div className="card card-flat">
<div className="card-header d-flex justify-content-between align-items-center flex-wrap gap-2"> <div className="card-header">
<h3 className="card-title mb-0">Список ASN <span className="badge bg-blue-lt text-blue ms-2">{items.length}</span></h3> <div className="row align-items-center w-100 g-2">
<div className="d-flex gap-2 flex-wrap align-items-center"> <div className="col">
<div className="d-flex align-items-center justify-content-between flex-wrap gap-2">
<div className="d-flex align-items-center gap-2">
<IconHash className="icon text-muted" size={18} />
<span className="text-muted text-uppercase small">Список</span>
<span className="badge bg-blue-lt text-blue">{filtered.length}</span>
</div>
<div className="d-none d-md-block text-muted small">
Всего записей: {filtered.length}
</div>
</div>
</div>
<div className="col-12 mt-2"></div>
<div className="col d-flex gap-2 flex-wrap align-items-center">
<SavedFilters <SavedFilters
pageKey="asns" pageKey="asns"
currentFilters={{ searchTerm, filterCommunity, sortField, sortOrder }} currentFilters={{ searchTerm, filterCommunity, sortField, sortOrder }}
frontend/src/DomainsNewManager.jsx
+12 -6
View File
@@ -577,13 +577,19 @@ function DomainsNewManager() {
<div className="card card-flat animate-in" style={{animationDelay: '0.3s'}}> <div className="card card-flat animate-in" style={{animationDelay: '0.3s'}}>
<div className="card-header"> <div className="card-header">
<div className="row align-items-center w-100 g-2"> <div className="row align-items-center w-100 g-2">
<div className="col-auto"> <div className="col">
<h3 className="card-title mb-0"> <div className="d-flex align-items-center justify-content-between flex-wrap gap-2">
<IconWorld className="icon me-2" size={20} /> <div className="d-flex align-items-center gap-2">
Список доменов <IconWorld className="icon text-muted" size={18} />
<span className="badge bg-blue-lt text-blue ms-2">{filtered.length}</span> <span className="text-muted text-uppercase small">Список</span>
</h3> <span className="badge bg-blue-lt text-blue">{filtered.length}</span>
</div>
<div className="d-none d-md-block text-muted small">
Всего записей: {filtered.length}
</div>
</div>
</div> </div>
<div className="col-12 mt-2"></div>
<div className="col"> <div className="col">
<div className="d-flex gap-2 flex-wrap"> <div className="d-flex gap-2 flex-wrap">
{/* Сохранённые фильтры */} {/* Сохранённые фильтры */}
frontend/src/IPRangesManager.jsx
+16 -3
View File
@@ -849,9 +849,22 @@ function IPRangesManager() {
/> />
<div className="card card-flat"> <div className="card card-flat">
<div className="card-header d-flex justify-content-between align-items-center flex-wrap gap-2"> <div className="card-header">
<h3 className="card-title mb-0">Список IP-диапазонов <span className="badge bg-blue-lt text-blue ms-2">{items.length}</span></h3> <div className="row align-items-center w-100 g-2">
<div className="d-flex gap-2 flex-wrap align-items-center"> <div className="col">
<div className="d-flex align-items-center justify-content-between flex-wrap gap-2">
<div className="d-flex align-items-center gap-2">
<IconNetwork className="icon text-muted" size={18} />
<span className="text-muted text-uppercase small">Список</span>
<span className="badge bg-blue-lt text-blue">{filtered.length}</span>
</div>
<div className="d-none d-md-block text-muted small">
Всего записей: {filtered.length}
</div>
</div>
</div>
<div className="col-12 mt-2"></div>
<div className="col d-flex gap-2 flex-wrap align-items-center">
<SavedFilters <SavedFilters
pageKey="ip-ranges" pageKey="ip-ranges"
currentFilters={{ searchTerm, filterCommunity, sortField, sortOrder }} currentFilters={{ searchTerm, filterCommunity, sortField, sortOrder }}