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

24
packages/react/components/Mini/index.mjs
View file

@ -2,33 +2,33 @@ import React from 'react'
import { TipIcon, ChatIcon, WarningIcon } from '@freesewing/react/components/Icon'
export const MiniTip = ({ children }) => (
<div className="tw-flex tw-flex-row tw-border tw-border-success tw-rounded">
<div className="tw-bg-success tw-text-success-content tw-p-1 tw-rounded-l tw-flex tw-flex-row tw-items-center">
<TipIcon className="tw-w-6 tw-h-6 tw-text-success-content" />
<div className="tw:flex tw:flex-row tw:border tw:border-success tw:rounded">
<div className="tw:bg-success tw:text-success-content tw:p-1 tw:rounded-l tw:flex tw:flex-row tw:items-center">
<TipIcon className="tw:w-6 tw:h-6 tw:text-success-content" />
</div>
<div className="tw-p-1 tw-px-2 tw-text-sm tw-font-medium tw-bg-success/10 tw-grow tw-rounded-r">
<div className="tw:p-1 tw:px-2 tw:text-sm tw:font-medium tw:bg-success/10 tw:grow tw:rounded-r">
{children}
</div>
</div>
)
export const MiniNote = ({ children }) => (
<div className="tw-flex tw-flex-row tw-border tw-border-info tw-rounded">
<div className="tw-bg-info tw-text-info-content tw-p-1 tw-rounded-l tw-flex tw-flex-row tw-items-center">
<ChatIcon className="tw-w-6 tw-h-6 tw-text-info-content" />
<div className="tw:flex tw:flex-row tw:border tw:border-info tw:rounded">
<div className="tw:bg-info tw:text-info-content tw:p-1 tw:rounded-l tw:flex tw:flex-row tw:items-center">
<ChatIcon className="tw:w-6 tw:h-6 tw:text-info-content" />
</div>
<div className="tw-p-1 tw-px-2 tw-text-sm tw-font-medium tw-bg-info/10 tw-grow tw-rounded-r">
<div className="tw:p-1 tw:px-2 tw:text-sm tw:font-medium tw:bg-info/10 tw:grow tw:rounded-r">
{children}
</div>
</div>
)
export const MiniWarning = ({ children }) => (
<div className="tw-flex tw-flex-row tw-border tw-border-warning tw-rounded">
<div className="tw-bg-warning tw-text-warning-content tw-p-1 tw-rounded-l tw-flex tw-flex-row tw-items-center">
<WarningIcon className="tw-w-6 tw-h-6 tw-text-warning-content" />
<div className="tw:flex tw:flex-row tw:border tw:border-warning tw:rounded">
<div className="tw:bg-warning tw:text-warning-content tw:p-1 tw:rounded-l tw:flex tw:flex-row tw:items-center">
<WarningIcon className="tw:w-6 tw:h-6 tw:text-warning-content" />
</div>
<div className="tw-p-1 tw-px-2 tw-text-sm tw-font-medium tw-bg-warning/10 tw-grow tw-rounded-r">
<div className="tw:p-1 tw:px-2 tw:text-sm tw:font-medium tw:bg-warning/10 tw:grow tw:rounded-r">
{children}
</div>
</div>