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:
parent
a2863e5158
commit
44e04a4cef
164 changed files with 2361 additions and 2658 deletions
|
@ -70,19 +70,19 @@ export const Compare = ({ welcome = false }) => {
|
|||
: '/docs/about/guide'
|
||||
|
||||
return (
|
||||
<div className="tw-w-full">
|
||||
<div className="tw:w-full">
|
||||
<ListInput
|
||||
id="account-compare"
|
||||
label="Are you comfortable with your measurements sets being compared?"
|
||||
list={['yes', 'no'].map((val) => ({
|
||||
val,
|
||||
label: (
|
||||
<div className="tw-flex tw-flex-row tw-items-center tw-w-full tw-justify-between">
|
||||
<div className="tw:flex tw:flex-row tw:items-center tw:w-full tw:justify-between">
|
||||
<span>{strings[val].title}</span>
|
||||
{val === 'yes' ? (
|
||||
<OkIcon className="tw-w-8 h-8 tw-text-success" stroke={4} />
|
||||
<OkIcon className="tw:w-8 h-8 tw:text-success" stroke={4} />
|
||||
) : (
|
||||
<NoIcon className="tw-w-8 h-8 tw-text-error" stroke={3} />
|
||||
<NoIcon className="tw:w-8 h-8 tw:text-error" stroke={3} />
|
||||
)}
|
||||
</div>
|
||||
),
|
||||
|
@ -93,17 +93,17 @@ export const Compare = ({ welcome = 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={400 / 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">
|
||||
4 / {welcomeSteps[account?.control].length}
|
||||
</span>
|
||||
<WelcomeIcons
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue