more fluent design

This commit is contained in:
Vincent van der Wal
2026-07-25 11:10:14 +02:00
parent 562d545c7a
commit d78ac84a12
8 changed files with 90 additions and 73 deletions
@@ -101,11 +101,11 @@
<style>
.chart-bleed {
/* Bleed exactly into the page padding on mobile (main has p-5 =
1.25rem) for edge-to-edge charts, and a bit past the content
/* Bleed exactly into the page padding on mobile (main has p-3 =
0.75rem) for edge-to-edge charts, and a bit past the content
column on md+ (main has 2rem padding) for extra readability. */
margin-left: -1.25rem;
margin-right: -1.25rem;
margin-left: -0.75rem;
margin-right: -0.75rem;
overflow-x: auto;
}
+1 -1
View File
@@ -92,7 +92,7 @@ export interface ChartPanel {
export const defaultChartLayout: ChartPanel[] = [
{ id: 'panel-1', variables: ['weather_icons', 'temperature', 'cloud_cover'] },
{ id: 'panel-2', variables: ['precipitation', 'precipitation_probability'] },
{ id: 'panel-3', variables: ['wind', 'humidity'] }
{ id: 'panel-3', variables: ['wind', 'wind_direction', 'humidity'] }
];
export const storedChartLayout = persisted<ChartPanel[]>('chart_layout_v1', defaultChartLayout);