30 lines
1 KiB
TypeScript
30 lines
1 KiB
TypeScript
import Navbar from "./components/Navbar";
|
|
import AirPollution from "./components/airPollution/AirPollution";
|
|
import DailyForcast from "./components/daily_forcast/DailyForecast";
|
|
import Sunset from "./components/sunset/Sunset";
|
|
import Temperature from "./components/temp/Temperature";
|
|
import UVI from "./components/uvIndex/UVI";
|
|
import Wind from "./components/wind/Wind";
|
|
|
|
|
|
export default function Home() {
|
|
return (
|
|
<main className="mx-[1rem] lg:mx-[2rem] xl:mx-[6rem] 2xl:mx-[16rem] m-auto">
|
|
<Navbar/>
|
|
<div className="flex flex-col pt-5 pb-5 gap-4 md:flex-row">
|
|
<div className="flex flex-col gap-4 w-full min-w-[18rem] md:w-[35rem]">
|
|
<Temperature/>
|
|
</div>
|
|
<div className="flex flex-col w-full">
|
|
<div className="grid h-full gap-4 col-span-full sm-2:col-span-2 lg:grid-cols-3 xl:grid-cols-4">
|
|
<AirPollution/>
|
|
<Sunset/>
|
|
<Wind/>
|
|
<DailyForcast/>
|
|
<UVI/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
);
|
|
}
|