dominik/homepage-plus
1
0
Fork 0
mirror of https://github.com/DI0IK/homepage-plus.git synced 2025-07-17 10:19:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Chore: upgrade to tailwind v4 (#4863)

Browse source
This commit is contained in:
shamoon 2025-03-02 08:42:57 -08:00 • committed by GitHub
parent fdf405fe0a
commit d55a5e5efe
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
28 changed files with 945 additions and 1165 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/widgets/calendar/event.jsx
View file

@ -26,7 +26,7 @@ export default function Event({ event, colorVariants, showDate = false, showTime
</span>
)}
<span className="ml-2 h-2 w-2">
<span className={classNames("block w-2 h-2 rounded", colorVariants[event.color] ?? "gray")} />
<span className={classNames("block w-2 h-2 rounded-sm", colorVariants[event.color] ?? "gray")} />
</span>
<div className="ml-2 h-5 text-left relative truncate" style={{ width: "70%" }}>
<div className="absolute mt-0.5 text-xs">{hover && event.additional ? event.additional : event.title}</div>

2
src/widgets/calendar/monthly.jsx
View file

@ -57,7 +57,7 @@ export function Day({ weekNumber, weekday, events, colorVariants, showDate, setS
.map((event) => (
<span
key={`${event.date.ts}+${event.color}-${event.title}-${event.additional}`}
className={classNames("inline-flex h-1 w-1 m-0.5 rounded", colorVariants[event.color] ?? "gray")}
className={classNames("inline-flex h-1 w-1 m-0.5 rounded-sm", colorVariants[event.color] ?? "gray")}
/>
))}
</span>

2
src/widgets/coinmarketcap/component.jsx
View file

@ -73,7 +73,7 @@ export default function Component({ service }) {
{validCryptos.map((crypto) => (
<div
key={crypto.id}
className="bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-row items-center justify-between p-1 text-xs"
className="bg-theme-200/50 dark:bg-theme-900/20 rounded-sm m-1 flex-1 flex flex-row items-center justify-between p-1 text-xs"
>
<div className="font-thin pl-2">{crypto.name}</div>
<div className="flex flex-row text-right">

4
src/widgets/customapi/component.jsx
View file

@ -172,7 +172,7 @@ export default function Component({ service }) {
{mappings.map((mapping) => (
<div
key={mapping.label}
className="bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-row items-center justify-between p-1 text-xs animate-pulse"
className="bg-theme-200/50 dark:bg-theme-900/20 rounded-sm m-1 flex-1 flex flex-row items-center justify-between p-1 text-xs animate-pulse"
>
<div className="font-thin pl-2">{mapping.label}</div>
<div className="flex flex-row text-right">
@ -203,7 +203,7 @@ export default function Component({ service }) {
{mappings.map((mapping) => (
<div
key={mapping.label}
className="bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-row items-center justify-between p-1 text-xs"
className="bg-theme-200/50 dark:bg-theme-900/20 rounded-sm m-1 flex-1 flex flex-row items-center justify-between p-1 text-xs"
>
<div className="font-thin pl-2">{mapping.label}</div>
<div className="flex flex-row text-right">

2
src/widgets/glances/metrics/fs.jsx
View file

@ -48,7 +48,7 @@ export default function Component({ service }) {
style={{
height: `${Math.max(20, (140 * (fsData.size - fsData.free)) / fsData.size)}px`,
}}
className="absolute bottom-0 border-t border-t-theme-500 bg-gradient-to-b from-theme-500/40 to-theme-500/10 w-full"
className="absolute bottom-0 border-t border-t-theme-500 bg-linear-to-b from-theme-500/40 to-theme-500/10 w-full"
/>
</div>
)}

2
src/widgets/glances/metrics/info.jsx
View file

@ -109,7 +109,7 @@ export default function Component({ service }) {
return (
<Container chart={chart}>
{chart && (
<div className="bg-gradient-to-br from-theme-500/30 via-theme-600/20 to-theme-700/10 absolute -top-10 -left-2 -right-2 -bottom-2 h-[calc(100%+3em)] w-[calc(100%+1em)]" />
<div className="bg-linear-to-br from-theme-500/30 via-theme-600/20 to-theme-700/10 absolute -top-10 -left-2 -right-2 -bottom-2 h-[calc(100%+3em)] w-[calc(100%+1em)]" />
)}
<Block position="-top-6 right-2">

4
src/widgets/iframe/component.jsx
View file

@ -24,7 +24,7 @@ export default function Component({ service }) {
<Container service={service}>
<div
className={classNames(
"bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center text-center",
"bg-theme-200/50 dark:bg-theme-900/20 rounded-sm m-1 flex-1 flex flex-col items-center justify-center text-center",
"service-block",
)}
>
@ -41,7 +41,7 @@ export default function Component({ service }) {
style={{
scrollingDisableStyle,
}}
className={`rounded w-full ${classes}`}
className={`rounded-sm w-full ${classes}`}
/>
</div>
</Container>

2
src/widgets/stocks/component.jsx
View file

@ -61,7 +61,7 @@ function StockItem({ service, ticker }) {
}
return (
<div className="bg-theme-200/50 dark:bg-theme-900/20 rounded flex flex-1 items-center justify-between m-1 p-1 text-xs">
<div className="bg-theme-200/50 dark:bg-theme-900/20 rounded-sm flex flex-1 items-center justify-between m-1 p-1 text-xs">
<span className="font-thin ml-2 flex-none">{ticker}</span>
<div className="flex items-center flex-row-reverse mr-2 text-right">
<span className={`font-bold ml-2 w-10 ${data.dp > 0 ? "text-emerald-300" : "text-rose-300"}`}>

2
src/widgets/truenas/pool.jsx
View file

@ -15,7 +15,7 @@ export default function Pool({ name, free, allocated, healthy }) {
}}
/>
<span className="ml-2 h-2 w-2 z-10">
<span className={classNames("block w-2 h-2 rounded", statusColor)} />
<span className={classNames("block w-2 h-2 rounded-sm", statusColor)} />
</span>
<div className="text-xs z-10 self-center ml-2 relative h-4 grow mr-2">
<div className="absolute w-full whitespace-nowrap text-ellipsis overflow-hidden text-left">{name}</div>