style: use muted token for forecast error

This commit is contained in:
zv
2026-06-04 20:29:47 +02:00
parent 4e66fb549a
commit 1eff0c258b

View File

@@ -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 ? (