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

17
components/DailyCard/CardContainer.tsx
View File

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