Compare commits

..

No commits in common. "6e7cf402369470509e5b82780669d63bf66992d2" and "e38f881aa5efd5706eb4531f9678c0893ebbc693" have entirely different histories.

2 changed files with 6 additions and 7 deletions

View File

@ -415,9 +415,8 @@ table.sys-apps tr:hover td { background: rgba(var(--text-rgb), 0.03); }
} }
.sys-metric-actions { .sys-metric-actions {
display: flex; display: flex;
flex-direction: column; align-items: center;
align-items: flex-end; gap: 14px;
gap: 10px;
margin-top: 6px; margin-top: 6px;
} }
.sys-detail-range { display: inline-flex; gap: 4px; padding: 4px; background: rgba(var(--text-rgb), 0.06); border-radius: 999px; } .sys-detail-range { display: inline-flex; gap: 4px; padding: 4px; background: rgba(var(--text-rgb), 0.06); border-radius: 999px; }

View File

@ -175,14 +175,14 @@ class SystemMetricPage {
<p class="sys-metric-sub">${fmt.escape(this._subline())}</p> <p class="sys-metric-sub">${fmt.escape(this._subline())}</p>
</div> </div>
<div class="sys-metric-actions"> <div class="sys-metric-actions">
<div class="sys-detail-range" role="tablist" aria-label="Time range">
${[[60,'1h'],[360,'6h'],[1440,'24h'],[10080,'7d']]
.map(([m,l]) => `<button type="button" role="tab" class="sys-detail-range-btn ${this.rangeMin===m?'active':''}" data-rng="${m}">${l}</button>`).join('')}
</div>
${this.metricKey === 'disk' ? `<button type="button" class="sys-storage-cta" data-go-storage title="Open the full storage breakdown"> ${this.metricKey === 'disk' ? `<button type="button" class="sys-storage-cta" data-go-storage title="Open the full storage breakdown">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"/><path d="M22 12A10 10 0 0 0 12 2v10z"/></svg> <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"/><path d="M22 12A10 10 0 0 0 12 2v10z"/></svg>
View storage breakdown View storage breakdown
</button>` : ''} </button>` : ''}
<div class="sys-detail-range" role="tablist" aria-label="Time range">
${[[60,'1h'],[360,'6h'],[1440,'24h'],[10080,'7d']]
.map(([m,l]) => `<button type="button" role="tab" class="sys-detail-range-btn ${this.rangeMin===m?'active':''}" data-rng="${m}">${l}</button>`).join('')}
</div>
</div> </div>
</div> </div>
<section class="sys-detail-stats"> <section class="sys-detail-stats">