inmake/IRTH-2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

weather widget fix

Browse Source
This commit is contained in:
zojgame
2024-07-30 11:39:14 +05:00
parent a460d2e840
commit 7bb5e0575c
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/masterplanPage/map/WeatherWidget.tsx
+4 -6
View File
@@ -23,23 +23,21 @@ const WeatherWidget = () => {
const temp = Math.round(data[0].main.temp);
setTemperature(temp);
});
return () => {};
}, []);
return (
<div className="absolute top-[73.5px] left-4 bg-black rounded-lg z-50 text-white bg-opacity-40 w-[144px] py-2">
<div className="flex justify-between px-2 text-[14px] font-medium">
<div className="absolute top-[73.5px] left-4 bg-black rounded-lg z-50 text-white bg-opacity-40 w-[144px] pt-4">
<div className="flex justify-between px-4 text-[14px] font-medium">
<p>{day}</p>
<p>{formattedTime}</p>
</div>
<div className="flex justify-between px-2 text-[12px] opacity-60 py-1 border-b font-medium">
<div className="flex justify-between px-4 text-[12px] opacity-60 border-b font-medium pb-2">
<p>
{date.getDate()} {month}
</p>
<p>{dayPart}</p>
</div>
<div className="pt-2 px-2">
<div className="px-4 items-center flex pb-2">
<p className="text-[32px] font-medium">{temperature}°C</p>
</div>
</div>