Upgrade to Tailwind CSS v4 (#1173)

This commit is contained in:
Brandon McConnell 2025-09-09 15:44:07 -04:00 committed by GitHub
parent 4ce76987a1
commit 848205f5cb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
76 changed files with 1098 additions and 1050 deletions

View file

@ -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,
},