change element component & add menu head & responsive head home

This commit is contained in:
Ehsan
2024-08-10 03:23:34 +03:30
parent 01de360360
commit 0afe0a39b0
14 changed files with 243 additions and 69 deletions
+15 -13
View File
@@ -3,19 +3,21 @@ import { Button } from "@mui/material"
function FrequentSearches() {
return (
<div className="flex mt-3 items-center justify-center gap-4">
<p className="text-[#3B3B3B] text-[16px] font-normal">جستجوهای پر تکرار:</p>
<ul className="flex items-center justify-center gap-[14px]">
{frequentSearches.map((item, idx) => (
<li key={idx}>
<Button
variant="contained"
color="secondary"
className="!py-2 !px-4 !rounded-[4px] !shadow-none !text-[14px] !font-normal !border !border-solid !border-[#D7D7D7]"
>{item}</Button>
</li>
))}
</ul>
<div className="flex mt-3 items-center justify-start lg:justify-center gap-4 w-full lg:w-fit">
<p className="text-[#3B3B3B] text-[16px] font-normal text-nowrap">جستجوهای پر تکرار:</p>
<div className="overflow-auto hidden-scroll">
<ul className="flex items-center justify-start gap-[14px]">
{frequentSearches.map((item, idx) => (
<li key={idx}>
<Button
variant="contained"
color="secondary"
className="!py-2 !px-4 !rounded-[4px] !shadow-none !text-[14px] !font-normal !border !border-solid !border-[#D7D7D7]"
>{item}</Button>
</li>
))}
</ul>
</div>
</div>
)
}