style: use muted token for forecast error
This commit is contained in:
@@ -135,7 +135,7 @@ export function ForecastPanel({ latitude, longitude, locationName }: { latitude?
|
|||||||
</div>
|
</div>
|
||||||
) : isError || !forecast ? (
|
) : isError || !forecast ? (
|
||||||
<Card className="flex min-h-40 flex-col items-center justify-center p-6 text-center">
|
<Card className="flex min-h-40 flex-col items-center justify-center p-6 text-center">
|
||||||
<p className="text-sm text-slate-600 dark:text-slate-300">{t("forecast.error")}</p>
|
<p className="text-sm text-muted">{t("forecast.error")}</p>
|
||||||
<Button variant="glass" className="mt-4" onClick={() => refetch()}><RefreshCw className="size-4" />{t("common.retry")}</Button>
|
<Button variant="glass" className="mt-4" onClick={() => refetch()}><RefreshCw className="size-4" />{t("common.retry")}</Button>
|
||||||
</Card>
|
</Card>
|
||||||
) : !forecast.hourly.length || !forecast.daily.length ? (
|
) : !forecast.hourly.length || !forecast.daily.length ? (
|
||||||
|
|||||||
Reference in New Issue
Block a user