VSinerva/freesewing
1
0
Fork 0
Code Activity

chore(shared): Adapted (part of) workbench for UI consistency

Browse source
This commit is contained in:
joostdecock 2023-08-27 16:24:18 +02:00
parent 084e6e534c
commit 5849e6d931
22 changed files with 490 additions and 230 deletions
Download patch file Download diff file Expand all files Collapse all files

15
sites/shared/components/inputs.mjs
View file

@ -109,14 +109,17 @@ export const ButtonFrame = ({
children, // Children of the button
onClick, // onClick handler
active, // Whether or not to render the button as active/selected
accordion = false, // Set this to true to not set a background color when active
}) => (
<button
className={`
btn btn-ghost btn-secondary
w-full mt-2 py-4 h-auto content-start
border-2 border-secondary text-left bg-opacity-20
hover:bg-secondary hover:text-secondary-content hover:border-secondary hover:border-solid hover:border-2
${active ? 'bg-secondary border-solid' : 'bg-transparent border-dotted'}
${accordion ? 'hover:bg-transparent' : 'hover:bg-secondary hover:bg-opacity-10'}
hover:border-secondary hover:border-solid hover:border-2
${active ? 'border-solid' : 'border-dotted'}
${active && !accordion ? 'bg-secondary' : 'bg-transparent'}
`}
onClick={onClick}
>
@ -398,9 +401,11 @@ export const ListInput = ({
<ButtonFrame key={i} active={item.val === current} onClick={() => update(item.val)}>
<div className="w-full flex flex-col gap-2">
<div className="w-full text-lg leading-5">{item.label}</div>
<div className="w-full text-normal font-normal normal-case pt-1 leading-5">
{item.desc}
</div>
{item.desc ? (
<div className="w-full text-normal font-normal normal-case pt-1 leading-5">
{item.desc}
</div>
) : null}
</div>
</ButtonFrame>
))}