1
0
Fork 0

feat: Upgrade to TailwindCSS 4 & DaisyUI 5 (#263)

Also fixes #251

Reviewed-on: https://codeberg.org/freesewing/freesewing/pulls/263
Co-authored-by: joostdecock <joost@joost.at>
Co-committed-by: joostdecock <joost@joost.at>
This commit is contained in:
joostdecock 2025-04-18 08:07:13 +00:00 committed by Joost De Cock
parent a2863e5158
commit 44e04a4cef
164 changed files with 2361 additions and 2658 deletions

View file

@ -51,12 +51,12 @@ export const Avatar = ({ welcome = false, Link = false }) => {
const nextHref = '/docs/about/guide'
return (
<div className="tw-w-full">
<div className="tw:w-full">
{!welcome || img !== false ? (
<img
alt="img"
src={img || cloudflareImageUrl({ id: `uid-${account.ihash}`, variant: 'public' })}
className="tw-shadow tw-mb-4"
className="tw:shadow tw:mb-4"
/>
) : null}
<PassiveImageInput
@ -73,17 +73,17 @@ export const Avatar = ({ welcome = false, Link = false }) => {
<SaveIcon />
Save
</IconButton>
<IconButton href={nextHref} className="tw-mt-4">
<IconButton href={nextHref} className="tw:mt-4">
<RightIcon stroke={3} /> Continue
</IconButton>
{welcomeSteps[account.control].length > 0 ? (
<>
<progress
className="tw-progress tw-progress-primary tw-w-full tw-mt-12"
className="tw:progress tw:progress-primary tw:w-full tw:mt-12"
value={700 / welcomeSteps[account.control].length}
max="100"
></progress>
<span className="tw-pt-4 tw-text-sm tw-font-bold tw-opacity-50">
<span className="tw:pt-4 tw:text-sm tw:font-bold tw:opacity-50">
7 / {welcomeSteps[account.control].length}
</span>
<WelcomeIcons
@ -96,9 +96,9 @@ export const Avatar = ({ welcome = false, Link = false }) => {
</>
) : (
<>
<p className="tw-text-right">
<p className="tw:text-right">
<button
className="tw-daisy-btn tw-daisy-btn-primary tw-w-full lg:tw-w-auto mt-8"
className="tw:daisy-btn tw:daisy-btn-primary tw:w-full tw:lg:w-auto mt-8"
onClick={save}
>
<SaveIcon /> Save Avatar