diff options
Diffstat (limited to 'src/components/Forecast/OneHourForecast/PredictionItem.svelte')
| -rw-r--r-- | src/components/Forecast/OneHourForecast/PredictionItem.svelte | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/src/components/Forecast/OneHourForecast/PredictionItem.svelte b/src/components/Forecast/OneHourForecast/PredictionItem.svelte index 201c4f5..acde3c2 100644 --- a/src/components/Forecast/OneHourForecast/PredictionItem.svelte +++ b/src/components/Forecast/OneHourForecast/PredictionItem.svelte @@ -1,5 +1,6 @@ <script> import Chip from "../../Basic/Chip.svelte"; + import Bar from "../../Basic/Bar.svelte"; export let prediction; @@ -71,6 +72,12 @@ width: 1rem; text-align: center; } + .KP { + flex-grow: 1; + margin-right: 1rem; + font-size: 1.7rem; + height: 2.2rem; + } </style> @@ -79,8 +86,10 @@ <h3>{time}</h3> <p>{date}</p> </div> + <div class="KP"> + <Bar percentage={kp/9} value={kp} /> + </div> <div class="data"> - <h2>{kp}</h2> {#if hasNOMETData} <div> <p><i class="fas fa-thermometer-half"></i> {Math.round(temp)}°C</p> |