refactor: Move ETag, Last-Modified, and content length display to a consistent location in ASNs and IPRanges managers for improved layout and user experience
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 5m36s

This commit is contained in:
2025-08-10 23:33:09 +07:00
parent 16f14d3350
commit ca56b52672
2 changed files with 30 additions and 30 deletions
+15 -15
View File
@@ -501,21 +501,6 @@ function ASNsNewManager() {
</div>
</div>
</div>
{(etag || lastModified || contentLength !== null) && (
<div className="card-footer">
<div className="d-flex flex-wrap gap-2 align-items-center small">
<span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
<IconHash size={14} className="me-1" /> {etag || '—'}
</span>
<span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
<IconClock size={14} className="me-1" /> {lastModified || '—'}
</span>
<span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
<IconFileText size={14} className="me-1" /> {(contentLength ?? '—') + (contentLength !== null ? ' байт' : '')}
</span>
</div>
</div>
)}
<div className="table-responsive">
<table className="table card-table table-vcenter table-nowrap mb-0">
<thead>
@@ -609,6 +594,21 @@ function ASNsNewManager() {
</ul>
</div>
)}
{(etag || lastModified || contentLength !== null) && (
<div className="card-footer">
<div className="d-flex flex-wrap gap-2 align-items-center small">
<span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
<IconHash size={14} className="me-1" /> {etag || '—'}
</span>
<span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
<IconClock size={14} className="me-1" /> {lastModified || '—'}
</span>
<span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
<IconFileText size={14} className="me-1" /> {(contentLength ?? '—') + (contentLength !== null ? ' байт' : '')}
</span>
</div>
</div>
)}
</div>
</div>
</div>
+15 -15
View File
@@ -516,21 +516,6 @@ function IPRangesManager() {
</div>
</div>
</div>
{(etag || lastModified || contentLength !== null) && (
<div className="card-footer">
<div className="d-flex flex-wrap gap-2 align-items-center small">
<span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
<IconHash size={14} className="me-1" /> {etag || '—'}
</span>
<span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
<IconClock size={14} className="me-1" /> {lastModified || '—'}
</span>
<span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
<IconFileText size={14} className="me-1" /> {(contentLength ?? '—') + (contentLength !== null ? ' байт' : '')}
</span>
</div>
</div>
)}
<div className="table-responsive">
<table className="table card-table table-vcenter table-nowrap mb-0">
<thead>
@@ -629,6 +614,21 @@ function IPRangesManager() {
</ul>
</div>
)}
{(etag || lastModified || contentLength !== null) && (
<div className="card-footer">
<div className="d-flex flex-wrap gap-2 align-items-center small">
<span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
<IconHash size={14} className="me-1" /> {etag || '—'}
</span>
<span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
<IconClock size={14} className="me-1" /> {lastModified || '—'}
</span>
<span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
<IconFileText size={14} className="me-1" /> {(contentLength ?? '—') + (contentLength !== null ? ' байт' : '')}
</span>
</div>
</div>
)}
</div>
</div>
</div>