VSinerva/freesewing
1
0
Fork 0
Code Activity

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

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

18
packages/react/components/Account/Username.mjs
View file

@ -60,7 +60,7 @@ export const Username = ({ welcome = false, Link = false }) => {
else btnClasses += 'w-full daisy-btn-primary'
return (
<div className="tw-w-full">
<div className="tw:w-full">
<StringInput
id="account-username"
label="Username"
@ -69,24 +69,24 @@ export const Username = ({ welcome = false, Link = false }) => {
valid={() => available}
placeholder={'Sorcha Ni Dhubghaill'}
labelBL={
<span className="tw-flex tw-flex-row tw-gap-1 tw-items-center">
<span className="tw:flex tw:flex-row tw:gap-1 tw:items-center">
{available ? (
<>
<OkIcon className="tw-w-4 tw-h-4 tw-text-success" stroke={4} /> Username is
<OkIcon className="tw:w-4 tw:h-4 tw:text-success" stroke={4} /> Username is
available
</>
) : (
<>
<NoIcon className="tw-w-4 tw-h-4 tw-text-error" stroke={3} /> This username is taken
<NoIcon className="tw:w-4 tw:h-4 tw:text-error" stroke={3} /> This username is taken
</>
)}
</span>
}
/>
<p className="tw-text-right">
<p className="tw:text-right">
<button
disabled={!available}
className="tw-daisy-btn tw-daisy-btn-primary tw-w-full lg:tw-w-auto tw-mt-8"
className="tw:daisy-btn tw:daisy-btn-primary tw:w-full tw:lg:w-auto tw:mt-8"
onClick={save}
>
<SaveIcon /> Save Username
@ -95,17 +95,17 @@ export const Username = ({ welcome = false, Link = false }) => {
{welcome ? (
<>
<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-daisy-progress tw-daisy-progress-primary tw-w-full tw-mt-12"
className="tw:daisy-progress tw:daisy-progress-primary tw:w-full tw:mt-12"
value={500 / 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">
5 / {welcomeSteps[account.control].length}
</span>
<WelcomeIcons