aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/Forecast/ForecastDrawer.svelte6
-rw-r--r--src/components/WeatherCurrent.svelte6
2 files changed, 8 insertions, 4 deletions
diff --git a/src/components/Forecast/ForecastDrawer.svelte b/src/components/Forecast/ForecastDrawer.svelte
index 16ed509..6540a81 100644
--- a/src/components/Forecast/ForecastDrawer.svelte
+++ b/src/components/Forecast/ForecastDrawer.svelte
@@ -63,11 +63,11 @@
}
.version-picker .selected {
- background-color: #c2c2c2;
+ background-color: var(--elevation-1, #c2c2c2);
padding: 3px 5px;
box-sizing: border-box;
border-radius: 10px;
- color: black;
+ color: var(--on-elevation-1, #000000);
}
.no-data {
@@ -93,7 +93,7 @@
<div class="version-picker">
<div class:selected={selected_version == OneHourForecast} on:click={() => selected_version = OneHourForecast}>hour</div>
<div class:selected={selected_version == ThreeDayForecast} on:click={() => selected_version = ThreeDayForecast}>3 day</div>
- <div class:selected={selected_version == OutlookTwentySevenDay} on:click={() => selected_version = OutlookTwentySevenDay}>Long time</div>
+ <div class:selected={selected_version == OutlookTwentySevenDay} on:click={() => selected_version = OutlookTwentySevenDay}>Longterm</div>
</div>
</div>
<svelte:component this={selected_version} />
diff --git a/src/components/WeatherCurrent.svelte b/src/components/WeatherCurrent.svelte
index 8578692..9c47873 100644
--- a/src/components/WeatherCurrent.svelte
+++ b/src/components/WeatherCurrent.svelte
@@ -95,7 +95,11 @@
<div class="weatherCurrent-data-location">
{#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 $navigator_location.city !== undefined}
+ <h1>{$navigator_location.city}</h1>
+ {:else}
+ <h1>long: {$navigator_location.longitude}<br />lat: {$navigator_location.latitude}</h1>
+ {/if}
{/if}
</div>