fix(dashboard: weather tile spacing
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 1m8s
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 1m8s
This commit is contained in:
@@ -256,7 +256,7 @@ function WeatherTile() {
|
|||||||
L:{lowTemp}°
|
L:{lowTemp}°
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col space-y-2 flex-[1]">
|
<div className="flex flex-col space-y-2 flex-[2]">
|
||||||
{Array.from({ length: 24 }).map((_, index) => {
|
{Array.from({ length: 24 }).map((_, index) => {
|
||||||
if (index === highlightIndexStart) {
|
if (index === highlightIndexStart) {
|
||||||
return (
|
return (
|
||||||
@@ -294,9 +294,9 @@ function WeatherTile() {
|
|||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col justify-start h-full space-y-2 flex-[2]">
|
<div className="flex flex-col justify-start h-full space-y-2 flex-[3]">
|
||||||
<p
|
<p
|
||||||
className={cn("text-3xl leading-none tracking-tight font-light pl-2", {
|
className={cn("text-3xl leading-none tracking-tight font-light pl-4", {
|
||||||
"text-red-400": errorWeatherDescription,
|
"text-red-400": errorWeatherDescription,
|
||||||
"animate-pulse": isLoadingWeatherDescription,
|
"animate-pulse": isLoadingWeatherDescription,
|
||||||
})}
|
})}
|
||||||
|
|||||||
Reference in New Issue
Block a user