diff options
author | Jakob Stendahl <jakob.stendahl@outlook.com> | 2022-04-27 02:59:32 +0200 |
---|---|---|
committer | Jakob Stendahl <jakob.stendahl@outlook.com> | 2022-04-27 02:59:32 +0200 |
commit | fd0636e4e5292ed584745c73d58f6a0118d929b4 (patch) | |
tree | a548392f6231a98721e8fc6a091809beca9cf6e8 /src/components/WeatherCurrent.svelte | |
parent | 30c2705f47011ae49faaaab656e4701ad9a595a6 (diff) | |
download | Aurora-data-fd0636e4e5292ed584745c73d58f6a0118d929b4.tar.gz Aurora-data-fd0636e4e5292ed584745c73d58f6a0118d929b4.zip |
Add chip showing that value is estimated, and add bt value
Diffstat (limited to 'src/components/WeatherCurrent.svelte')
-rw-r--r-- | src/components/WeatherCurrent.svelte | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/components/WeatherCurrent.svelte b/src/components/WeatherCurrent.svelte index 45bfe11..8578692 100644 --- a/src/components/WeatherCurrent.svelte +++ b/src/components/WeatherCurrent.svelte @@ -76,7 +76,7 @@ .current-details { display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); + grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 1rem; gap: 1rem; padding-bottom: 1.5rem; @@ -93,15 +93,14 @@ <div class="weatherCurrent-wrapper"> <div class="weatherCurrent-data"> <div class="weatherCurrent-data-location"> - {#if !$navigator_location.updating && $navigator_location.available} + {#if !$navigator_location.updating && $navigator_location.available && !$earth_weather.updating && !$space_weather.updating} <i class="symbol fas fa-map-marker-alt"></i> <h1>{$navigator_location.city}</h1> {/if} </div> <div class="weatherCurrent-data-date"> - {#if $earth_weather.updating || $space_weather.updating} - {:else} + {#if !$earth_weather.updating && !$space_weather.updating} {#if Math.abs($earth_weather.updated - $space_weather.updated) > 60*10*1000} <p>There is more than 10 minutes difference between data updates</p> {:else} @@ -128,6 +127,10 @@ <p>BZ</p> <p>{$space_weather.now.bz}</p> </div> + <div> + <p>BT</p> + <p>{$space_weather.now.bt}</p> + </div> {#if $earth_weather.available} <div> <p>Temp</p> |