Upgrade to Tailwind CSS v4 (#1173)
This commit is contained in:
parent
4ce76987a1
commit
848205f5cb
76 changed files with 1098 additions and 1050 deletions
|
|
@ -251,7 +251,7 @@ export function Weather({
|
|||
return (
|
||||
<div
|
||||
className={cx(
|
||||
'flex flex-col gap-4 rounded-2xl p-4 skeleton-bg max-w-[500px]',
|
||||
'skeleton-bg flex max-w-[500px] flex-col gap-4 rounded-2xl p-4',
|
||||
{
|
||||
'bg-blue-400': isDay,
|
||||
},
|
||||
|
|
@ -260,11 +260,11 @@ export function Weather({
|
|||
},
|
||||
)}
|
||||
>
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<div className="flex flex-row gap-2 items-center">
|
||||
<div className="flex flex-row items-center justify-between">
|
||||
<div className="flex flex-row items-center gap-2">
|
||||
<div
|
||||
className={cx(
|
||||
'size-10 rounded-full skeleton-div',
|
||||
'skeleton-div size-10 rounded-full',
|
||||
{
|
||||
'bg-yellow-300': isDay,
|
||||
},
|
||||
|
|
@ -273,7 +273,7 @@ export function Weather({
|
|||
},
|
||||
)}
|
||||
/>
|
||||
<div className="text-4xl font-medium text-blue-50">
|
||||
<div className="font-medium text-4xl text-blue-50">
|
||||
{n(weatherAtLocation.current.temperature_2m)}
|
||||
{weatherAtLocation.current_units.temperature_2m}
|
||||
</div>
|
||||
|
|
@ -290,7 +290,7 @@ export function Weather({
|
|||
</div>
|
||||
<div
|
||||
className={cx(
|
||||
'size-6 rounded-full skeleton-div',
|
||||
'skeleton-div size-6 rounded-full',
|
||||
{
|
||||
'bg-yellow-300': isDay,
|
||||
},
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue