VSinerva/freesewing
1
0
Fork 0
Code Activity

fix little errors in draft-for-curated-set flow. other cleanup

Browse source
This commit is contained in:
Enoch Riese 2023-05-24 08:37:29 -05:00
parent 5f0b7fd9a7
commit 24b3b10bfb
11 changed files with 45 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

36
sites/shared/components/designs/design.mjs
View file

@ -8,29 +8,29 @@ export const ns = ['design', 'designs', 'tags']
export const Design = ({ name }) => {
const { t } = useTranslation(ns)
console.log(name)
return (
<Link
href={`/new/pattern/${name}`}
<div
className={`flex flex-col flex-nowrap items-start justify-start gap-2 pt-2 pb-4 h-auto w-96
btn btn-secondary btn-ghost border border-secondary
hover:bg-opacity-20 hover:bg-secondary hover:border hover:border-secondary`}
btn btn-secondary btn-ghost border border-secondary
hover:bg-opacity-20 hover:bg-secondary hover:border hover:border-secondary`}
>
<h5 className="flex flex-row items-center justify-between w-full">
<span>{t(`designs:${name}.t`)}</span>
<div className="flex flex-col items-end">
<span className="text-xs font-medium opacity-70">{t('design:difficulty')}</span>
<Difficulty score={designs[name].difficulty} />
</div>
</h5>
<div className={`normal-case text-base font-medium text-base-content text-left grow`}>
{t(`designs:${name}.d`)}
</div>
<div className="flex flex-row flex-wrap gap-1">
<Link href={`/new/pattern/${name}`} className="static w-full h-full">
<h5 className="flex flex-row items-center justify-between w-full">
<span>{t(`designs:${name}.t`)}</span>
<span className="flex flex-col items-end">
<span className="text-xs font-medium opacity-70">{t('design:difficulty')}</span>
<Difficulty score={designs[name].difficulty} />
</span>
</h5>
<span className={`normal-case text-base font-medium text-base-content text-left grow`}>
{t(`designs:${name}.d`)}
</span>
</Link>
<span className="flex flex-row flex-wrap gap-1 relative z-10">
{designs[name].tags.map((tag) => (
<DesignTag key={tag} tag={tag} />
))}
</div>
</Link>
</span>
</div>
)
}