fixed overflow
All checks were successful
Docker Build & Publish / Build Docker (push) Successful in 1m9s
All checks were successful
Docker Build & Publish / Build Docker (push) Successful in 1m9s
This commit is contained in:
parent
870eed53cf
commit
1be462b7db
@ -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>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user