Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-05-03 05:53:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

rework the weather widget label

Browse Source
This commit is contained in:
Ben Phelps 2022-08-27 11:04:06 +03:00
parent 688caa02c5
commit 82b0ef38fd
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/widgets/weather/weather.jsx
View File

@ -31,15 +31,17 @@ export default function Weather({ options }) {
return ( return (
<div className=" flex flex-col"> <div className=" flex flex-col">
<div className="flex flex-row items-center justify-end"> <div className="flex flex-row items-center justify-end">
<Icon condition={data.current.condition.code} timeOfDay={data.current.is_day ? "day" : "night"} /> <div className="flex flex-col items-center">
<Icon condition={data.current.condition.code} timeOfDay={data.current.is_day ? "day" : "night"} />
</div>
<div className="flex flex-col ml-3 text-left"> <div className="flex flex-col ml-3 text-left">
<span className="text-theme-800 dark:text-theme-200 text-sm"> <span className="text-theme-800 dark:text-theme-200 text-sm">
{options.label && `${options.label}, `}
{options.units === "metric" ? data.current.temp_c : data.current.temp_f}&deg; {options.units === "metric" ? data.current.temp_c : data.current.temp_f}&deg;
</span> </span>
<span className="text-theme-800 dark:text-theme-200 text-xs">{data.current.condition.text}</span> <span className="text-theme-800 dark:text-theme-200 text-xs">{data.current.condition.text}</span>
</div> </div>
</div> </div>
{options.label && <div className="text-right text-theme-800 dark:text-theme-200 text-xs">{options.label}</div>}
</div> </div>
); );
} }