fix: keep hourly forecast card compact
This commit is contained in:
@@ -66,7 +66,7 @@ export function ForecastPanel({ latitude, longitude, locationName }: { latitude?
|
|||||||
) : !forecast.hourly.length || !forecast.daily.length ? (
|
) : !forecast.hourly.length || !forecast.daily.length ? (
|
||||||
<EmptyState title={t("forecast.emptyTitle")} description={t("forecast.emptyDescription")} />
|
<EmptyState title={t("forecast.emptyTitle")} description={t("forecast.emptyDescription")} />
|
||||||
) : (
|
) : (
|
||||||
<div className="grid gap-3 lg:grid-cols-[1.35fr_1fr]">
|
<div className="grid items-start gap-3 lg:grid-cols-[1.35fr_1fr]">
|
||||||
<Card className="overflow-hidden p-4 sm:p-5">
|
<Card className="overflow-hidden p-4 sm:p-5">
|
||||||
<h3 className="flex items-center gap-2 text-sm font-semibold"><Clock3 className="size-4 text-sky-600 dark:text-sky-300" />{t("forecast.hourly")}</h3>
|
<h3 className="flex items-center gap-2 text-sm font-semibold"><Clock3 className="size-4 text-sky-600 dark:text-sky-300" />{t("forecast.hourly")}</h3>
|
||||||
<div className="-mx-4 mt-4 overflow-x-auto px-4 pb-1 sm:-mx-5 sm:px-5">
|
<div className="-mx-4 mt-4 overflow-x-auto px-4 pb-1 sm:-mx-5 sm:px-5">
|
||||||
|
|||||||
Reference in New Issue
Block a user