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
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 5m36s
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user