change element component & add menu head & responsive head home
This commit is contained in:
@@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user