hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change home page and style buttons

Browse Source
This commit is contained in:
Ehsan
2024-09-25 10:50:26 +03:30
parent e773c7bcdb
commit fa38ee2b21
9 changed files with 56 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/home/FrequentSearches.js
+4 -4
View File
@@ -3,17 +3,17 @@ import { Button } from "@mui/material"
function FrequentSearches() {
return (
<div className="flex mt-3 items-center justify-start lg:justify-center gap-[8px] sm:gap-[10px] md:gap-[13px] lg:gap-[16px] w-full lg:w-fit">
<div className="flex items-center justify-center gap-[8px] sm:gap-[10px] md:gap-[13px] lg:gap-[16px] 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]">
<div className="overflow-auto hidden-scroll flex justify-start">
<ul className="flex items-center justify-start gap-[14px] pl-[14px]">
{frequentSearches.map((item, idx) => (
<li key={idx}>
<Button
variant="contained"
color="secondary"
className="!py-[6px] md:!py-[7px] lg:!py-[8px] !px-[12px] sm:!px-[14px] md:!px-[15px] lg:!px-[16px] !text-[12px] lg:!text-[14px]
!rounded-[4px] !shadow-none !font-normal !border !border-solid !border-[#D7D7D7]"
!rounded-[4px] !shadow-none !font-normal !border !border-solid !border-[#D7D7D7] hover:!bg-[#EFEFEF]"
>{item}</Button>
</li>
))}