fix(ui): correct usage range totals and muted styles

This commit is contained in:
Peter Steinberger
2026-02-17 03:03:46 +01:00
parent 4ca75bed56
commit 9789dfd95b
6 changed files with 109 additions and 17 deletions

View File

@@ -513,7 +513,7 @@ export const usageStylesPart3 = `
/* ===== CHART AXIS ===== */
.ts-axis-label {
font-size: 5px;
fill: var(--text-muted);
fill: var(--muted);
}
/* ===== RANGE SELECTION HANDLES ===== */
@@ -537,7 +537,7 @@ export const usageStylesPart3 = `
border-radius: 999px;
padding: 2px 10px;
font-size: 11px;
color: var(--text-muted);
color: var(--muted);
cursor: pointer;
transition: all 0.15s ease;
margin-left: 8px;

View File

@@ -86,7 +86,7 @@ export function renderUsage(props: UsageProps) {
<div style="display: flex; flex-direction: column; align-items: flex-end; gap: 8px;">
<div style="display: flex; gap: 8px; align-items: center;">
<input type="date" .value=${props.startDate} disabled style="padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--text); font-size: 13px; opacity: 0.6;" />
<span style="color: var(--text-muted);">to</span>
<span style="color: var(--muted);">to</span>
<input type="date" .value=${props.endDate} disabled style="padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--text); font-size: 13px; opacity: 0.6;" />
</div>
</div>
@@ -592,7 +592,7 @@ export function renderUsage(props: UsageProps) {
title="Start Date"
@change=${(e: Event) => props.onStartDateChange((e.target as HTMLInputElement).value)}
/>
<span style="color: var(--text-muted);">to</span>
<span style="color: var(--muted);">to</span>
<input
type="date"
.value=${props.endDate}