Flatten dashboard sections and emphasize data regions
This commit is contained in:
@@ -454,7 +454,7 @@ function GraphingPageContent() {
|
||||
</form>
|
||||
</Panel>
|
||||
|
||||
<Panel title="Chart Controls" subtitle="Surface, metric, cadence, chart style, and scale stay in the URL for deep-linking.">
|
||||
<Panel title="Chart Controls" subtitle="Surface, metric, cadence, chart style, and scale stay in the URL for deep-linking." variant="surface">
|
||||
<div className="grid gap-5 lg:grid-cols-[1.2fr_1fr]">
|
||||
<div className="space-y-5">
|
||||
<ControlSection
|
||||
@@ -515,7 +515,7 @@ function GraphingPageContent() {
|
||||
</div>
|
||||
</Panel>
|
||||
|
||||
<Panel title="Comparison Chart" subtitle="One metric, multiple companies, aligned by actual reported dates.">
|
||||
<Panel title="Comparison Chart" subtitle="One metric, multiple companies, aligned by actual reported dates." variant="surface">
|
||||
{loading ? (
|
||||
<p className="text-sm text-[color:var(--terminal-muted)]">Loading comparison chart...</p>
|
||||
) : !selectedMetric || !comparison.hasAnyData ? (
|
||||
@@ -607,8 +607,8 @@ function GraphingPageContent() {
|
||||
)}
|
||||
</Panel>
|
||||
|
||||
<Panel title="Latest Values" subtitle="Most recent reported point per company, plus the prior point and one-step change.">
|
||||
<div className="overflow-x-auto">
|
||||
<Panel title="Latest Values" subtitle="Most recent reported point per company, plus the prior point and one-step change." variant="surface">
|
||||
<div className="data-table-wrap">
|
||||
<table className="data-table min-w-[920px]">
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
Reference in New Issue
Block a user