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

37
components/DailyCard/CardContainer.tsx
View File

@ -1,20 +1,23 @@
import { Forecast } from "@/types/types"; import { Forecast } from "@/types/types";
import DailyCard from "./DailyCard"; 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 &&
index > 0 && weather.daily.apparent_temperature_max.map(
index < 7 && // Ensure we only render the next 6 days (temp, index) =>
<DailyCard index > 0 &&
key={index} index < 7 && ( // Ensure we only render the next 6 days
temperature={temp} <DailyCard
weatherCode={weather.daily.weather_code[index]} key={index}
time={weather.daily.time[index]} temperature={temp}
/> weatherCode={weather.daily.weather_code[index]}
))} time={weather.daily.time[index]}
</div> />
) )
}; )}
</div>
);
}