@@ -52,7 +52,10 @@ defmodule VolableWeb.Components.DayDetail do
5252 < div :if = { map_size ( @ inputs_used ) > 0 } >
5353 < h3 class = "label-eyebrow text-[var(--color-ink-soft)] mb-4 flex items-baseline gap-2 " >
5454 < span > Inputs</ span >
55- < span :if = { @ driving_hour } class = "numerals text-[0.65rem] tracking-[0.18em] text-[var(--color-ink-quiet)] " >
55+ < span
56+ :if = { @ driving_hour }
57+ class = "numerals text-[0.65rem] tracking-[0.18em] text-[var(--color-ink-quiet)] "
58+ >
5659 DRIVING HR · { format_hour ( @ driving_hour ) }
5760 </ span >
5861 </ h3 >
@@ -76,7 +79,7 @@ defmodule VolableWeb.Components.DayDetail do
7679 class = "numerals text-[0.65rem] tracking-[0.16em] text-[var(--color-ink-quiet)] pt-3 border-t border-[var(--color-rule)] "
7780 >
7881 MODEL v{ @ prediction_model_version }
79- < span :if = { @ computed_at } > · COMPUTED { iso ( @ computed_at ) } </ span >
82+ < span :if = { @ computed_at } > · COMPUTED { iso ( @ computed_at ) } </ span >
8083 </ div >
8184 </ section >
8285 """
@@ -96,7 +99,11 @@ defmodule VolableWeb.Components.DayDetail do
9699 |> assign ( :alerts , alerts )
97100
98101 ~H"""
99- < div :if = { @ explanation not in [ nil , "" ] or @ alerts != [ ] } data-role = "driving-hour-summary " class = "space-y-2 " >
102+ < div
103+ :if = { @ explanation not in [ nil , "" ] or @ alerts != [ ] }
104+ data-role = "driving-hour-summary "
105+ class = "space-y-2 "
106+ >
100107 < DangerAlerts . danger_alerts alerts = { @ alerts } />
101108 < Explanation . explanation text = { @ explanation } />
102109 </ div >
@@ -109,7 +116,9 @@ defmodule VolableWeb.Components.DayDetail do
109116 defp group_block ( % { group: "WIND" } = assigns ) do
110117 ~H"""
111118 < div >
112- < div class = "numerals text-[0.6rem] tracking-[0.22em] text-[var(--color-ink-quiet)] mb-2 " > { @ group } </ div >
119+ < div class = "numerals text-[0.6rem] tracking-[0.22em] text-[var(--color-ink-quiet)] mb-2 " >
120+ { @ group }
121+ </ div >
113122 < div class = "flex items-start gap-4 " >
114123 < . wind_compass fields = { @ fields } />
115124 < dl class = "grid grid-cols-[1fr_auto] gap-x-4 gap-y-1 text-[0.875rem] flex-1 " >
@@ -126,7 +135,9 @@ defmodule VolableWeb.Components.DayDetail do
126135 defp group_block ( % { group: "CLOUD" } = assigns ) do
127136 ~H"""
128137 < div >
129- < div class = "numerals text-[0.6rem] tracking-[0.22em] text-[var(--color-ink-quiet)] mb-2 " > { @ group } </ div >
138+ < div class = "numerals text-[0.6rem] tracking-[0.22em] text-[var(--color-ink-quiet)] mb-2 " >
139+ { @ group }
140+ </ div >
130141 < div class = "space-y-2 " >
131142 <%= for { field , value } <- @ fields do %>
132143 < . cloud_row field = { field } value = { value } />
@@ -139,7 +150,9 @@ defmodule VolableWeb.Components.DayDetail do
139150 defp group_block ( % { group: "PRECIP" } = assigns ) do
140151 ~H"""
141152 < div >
142- < div class = "numerals text-[0.6rem] tracking-[0.22em] text-[var(--color-ink-quiet)] mb-2 " > { @ group } </ div >
153+ < div class = "numerals text-[0.6rem] tracking-[0.22em] text-[var(--color-ink-quiet)] mb-2 " >
154+ { @ group }
155+ </ div >
143156 < div class = "space-y-2 " >
144157 <%= for { field , value } <- @ fields do %>
145158 < . precip_row field = { field } value = { value } />
@@ -152,7 +165,9 @@ defmodule VolableWeb.Components.DayDetail do
152165 defp group_block ( assigns ) do
153166 ~H"""
154167 < div >
155- < div class = "numerals text-[0.6rem] tracking-[0.22em] text-[var(--color-ink-quiet)] mb-2 " > { @ group } </ div >
168+ < div class = "numerals text-[0.6rem] tracking-[0.22em] text-[var(--color-ink-quiet)] mb-2 " >
169+ { @ group }
170+ </ div >
156171 < dl class = "grid grid-cols-[1fr_auto] gap-x-4 gap-y-1 text-[0.875rem] " >
157172 <%= for { field , value } <- @ fields do %>
158173 < dt class = "text-[var(--color-ink-soft)] " > { FieldLabels . label ( field ) } </ dt >
@@ -211,13 +226,15 @@ defmodule VolableWeb.Components.DayDetail do
211226
212227 ~H"""
213228 < div class = "flex items-center gap-3 " >
214- < span class = "text-[var(--color-ink-quiet)] " :if = { @ is_pct } >
229+ < span :if = { @ is_pct } class = "text-[var(--color-ink-quiet)] " >
215230 < WeatherIcons . cloud fill_pct = { @ pct } class = "h-5 w-7 shrink-0 " />
216231 </ span >
217- < span class = "text-[var(--color-ink-quiet)] " :if = { ! @ is_pct } >
232+ < span :if = { ! @ is_pct } class = "text-[var(--color-ink-quiet)] " >
218233 < span class = "block w-7 text-center numerals text-[0.65rem] " > m</ span >
219234 </ span >
220- < span class = "text-[var(--color-ink-soft)] text-[0.875rem] flex-1 " > { FieldLabels . label ( @ field ) } </ span >
235+ < span class = "text-[var(--color-ink-soft)] text-[0.875rem] flex-1 " >
236+ { FieldLabels . label ( @ field ) }
237+ </ span >
221238 < span class = "text-[var(--color-ink)] numerals text-[0.875rem] tabular-nums " >
222239 { FieldLabels . format ( @ field , @ value ) }
223240 </ span >
@@ -254,7 +271,9 @@ defmodule VolableWeb.Components.DayDetail do
254271 < span class = "text-[var(--color-sky)] shrink-0 " >
255272 < WeatherIcons . rain intensity = { @ intensity } class = "h-5 w-5 " />
256273 </ span >
257- < span class = "text-[var(--color-ink-soft)] text-[0.875rem] flex-1 " > { FieldLabels . label ( @ field ) } </ span >
274+ < span class = "text-[var(--color-ink-soft)] text-[0.875rem] flex-1 " >
275+ { FieldLabels . label ( @ field ) }
276+ </ span >
258277 < span class = "text-[var(--color-ink)] numerals text-[0.875rem] " >
259278 { FieldLabels . format ( @ field , @ value ) }
260279 </ span >
0 commit comments