rannes.dev/local-weather
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed overflow
All checks were successful
Docker Build & Publish / Build Docker (push) Successful in 1m9s
Details

Browse Source
This commit is contained in:
ChrQR 2024-05-13 09:22:58 +02:00
parent 870eed53cf
commit 1be462b7db
1 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/DailyCard/CardContainer.tsx
View File

@ -4,17 +4,20 @@ import DailyCard from "./DailyCard";
export default function CardContainer(props: { weather: Forecast }) { export default function CardContainer(props: { weather: Forecast }) {
const weather = props.weather; const weather = props.weather;
return ( return (
<div className="p-2 flex overflow-scroll md:justify-center w-full"> <div className="p-2 flex overflow-scroll md:overflow-auto md:justify-center w-full">
{weather.daily && weather.daily.apparent_temperature_max.map((temp, index) => ( {weather.daily &&
weather.daily.apparent_temperature_max.map(
(temp, index) =>
index > 0 && index > 0 &&
index < 7 && // Ensure we only render the next 6 days index < 7 && ( // Ensure we only render the next 6 days
<DailyCard <DailyCard
key={index} key={index}
temperature={temp} temperature={temp}
weatherCode={weather.daily.weather_code[index]} weatherCode={weather.daily.weather_code[index]}
time={weather.daily.time[index]} time={weather.daily.time[index]}
/> />
))}
</div>
) )
}; )}
</div>
);
}