crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-26 03:31:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: add label for selectCommon at RecipesList and style it

Browse Source
This commit is contained in:
quangnhankie
2021-09-09 10:50:58 +07:00
parent d6a0c41e99 04a7de82e9
commit 6757d3298f
13 changed files with 86 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/modules/recipes-list/RecipesList/RecipesList.tsx
View File

@@ -38,10 +38,6 @@ const recipe:RecipeCardProps[] = [{
imageSrc: image14.src
}];
const BREADCRUMB = [
{
name: 'Home',
link: "/",
},
{
name: 'Special Recipes',
link: `#`,
@@ -177,15 +173,21 @@ const RecipesList = ({ data =recipe}:Props) => {
<div className={s.recipesList}>
<HeadingCommon align='left'>SPECIAL RECIPES</HeadingCommon>
<div className={s.select}>
<div className={s.categorySelect}>
<SelectCommon option={CATEGORYSELECT} placeholder="Categories"/>
<div className={s.boxSelect}>
<div className={s.categorySelectCate}>
<label htmlFor="">Categories</label>
<div className={s.select}>
<SelectCommon option={CATEGORYSELECT} placeholder="Categories"/>
</div>
</div>
<div className={s.categorySelectSort}>
<label htmlFor="" >Sort By</label>
<div className={s.select}>
<SelectCommon option={OPTIONSLECT} placeholder="Sort By" />
</div>
</div>
<SelectCommon option={OPTIONSLECT} placeholder="Sort By" />
</div>
<div className={s.inner}>
<div className={s.boxItem}>
{data?.map((item,index) => (