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

14
packages/react/components/Tab/index.mjs
View file

@ -32,11 +32,11 @@ export const Tabs = ({ tabs = '', active = 0, children, withModal = false }) =>
return (
<div className="">
<div className="tw-daisy-tabs tw-daisy-tabs-bordered" role="tablist">
<div className="tw:daisy-tabs tw:daisy-tabs-bordered" role="tablist">
{tablist.map((title, tabId) => {
const btnClasses = `tw-text-lg tw-font-bold tw-capitalize tw-daisy-tab tw-h-auto tw-daisy-tabs-bordered tw-grow tw-py-1 ${
activeTab === tabId ? 'tw-daisy-tab-active' : ''
} tw-border-b-2 tw-border-solid tw-border-x-0 tw-border-t-0 tw-bg-transparent`
const btnClasses = `tw:text-lg tw:font-bold tw:capitalize tw:daisy-tab tw:h-auto tw:daisy-tabs-bordered tw:grow tw:py-1 ${
activeTab === tabId ? 'tw:daisy-tab-active' : ''
} tw:border-b-2 tw:border-solid tw:border-x-0 tw:border-t-0 tw:bg-transparent`
return withModal && activeTab === tabId ? (
<button
@ -47,7 +47,7 @@ export const Tabs = ({ tabs = '', active = 0, children, withModal = false }) =>
setModal(
<ModalWrapper
flex="col"
justify="top lg:tw-justify-center"
justify="top tw:lg:justify-center"
slideFrom="right"
fullWidth
>
@ -56,8 +56,8 @@ export const Tabs = ({ tabs = '', active = 0, children, withModal = false }) =>
)
}
>
<span className="tw-pr-2">{title}</span>
<KioskIcon className="tw-w-6 tw-h-6 hover:tw-tw-text-secondary" />
<span className="tw:pr-2">{title}</span>
<KioskIcon className="tw:w-6 tw:h-6 hover:tw:tw:text-secondary" />
</button>
) : (
<button key={tabId} className={btnClasses} onClick={() => setActiveTab(tabId)}>