Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Webstar:e38f881aa5efd5706eb4531f9678c0893ebbc693
Branches Tags
Webstar:main
Webstar:claude/2
Webstar:v0.1.0
..
compare: Webstar:b9cc88488fa224462c344e166d14b9e2a6ee70c0
Branches Tags
Webstar:main
Webstar:claude/2
Webstar:v0.1.0

No commits in common. "e38f881aa5efd5706eb4531f9678c0893ebbc693" and "b9cc88488fa224462c344e166d14b9e2a6ee70c0" have entirely different histories.
e38f881aa5 ... b9cc88488f

2 changed files with 1 additions and 27 deletions
Show Stats Expand all files Collapse all files

23
containers/libreportal/frontend/css/admin.css
View File

@ -1081,29 +1081,6 @@ table.sys-apps tr:hover td { background: rgba(var(--text-rgb), 0.03); }
transform: none; transform: none;
} }
.sys-storage-reclaim svg { flex: 0 0 auto; } .sys-storage-reclaim svg { flex: 0 0 auto; }
/* Neutral pill CTA — same shape as Reclaim, accent colour (e.g. "View storage
breakdown" on the Disk metric page). */
.sys-storage-cta {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 16px;
font-size: 0.85rem;
font-weight: 600;
white-space: nowrap;
color: var(--accent);
background: rgba(var(--accent-rgb), 0.12);
border: 1px solid rgba(var(--accent-rgb), 0.4);
border-radius: 10px;
cursor: pointer;
transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
.sys-storage-cta:hover {
background: rgba(var(--accent-rgb), 0.2);
border-color: rgba(var(--accent-rgb), 0.65);
transform: translateY(-1px);
}
.sys-storage-cta svg { flex: 0 0 auto; }
.sys-storage-reclaim.is-running svg { animation: sysReclaimSpin 0.8s linear infinite; } .sys-storage-reclaim.is-running svg { animation: sysReclaimSpin 0.8s linear infinite; }
@keyframes sysReclaimSpin { to { transform: rotate(360deg); } } @keyframes sysReclaimSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {

5
containers/libreportal/frontend/js/components/admin/system-metric-page.js
View File

@ -175,10 +175,7 @@ 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">
${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-more" data-go-storage>View storage breakdown →</button>` : ''}
<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
</button>` : ''}
<div class="sys-detail-range" role="tablist" aria-label="Time range"> <div class="sys-detail-range" role="tablist" aria-label="Time range">
${[[60,'1h'],[360,'6h'],[1440,'24h'],[10080,'7d']] ${[[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('')} .map(([m,l]) => `<button type="button" role="tab" class="sys-detail-range-btn ${this.rangeMin===m?'active':''}" data-rng="${m}">${l}</button>`).join('')}