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>
))}
components/home/index.js
+3 -3
View File
@@ -7,9 +7,9 @@ import FrequentSearches from "./FrequentSearches";
function HomePage() {
return (
<div className="bg-banner-home after:z-[2] !bg-bottom !bg-no-repeat !bg-cover">
<div className="padding-responsive min-h-screen pt-[120px] flex items-center justify-center flex-col gap-[64px]">
<div>
<div className="bg-banner-home after:z-[2] !bg-bottom !bg-no-repeat !bg-cover md:!min-h-[115vh]">
<div className="padding-responsive min-h-screen pt-[120px] flex items-center justify-start flex-col gap-[50px]">
<div className="mt-[60px] sm:mt-[67px] md:mt-[90px] lg:mt-[127px]">
<p className="text-[#F17732] text-center font-kalame text-[20px] sm:text-[24px] md:text-[28px] lg:text-[32px] font-bold">
با نوبت724
</p>
components/home/search/index.js
+1 -1
View File
@@ -9,7 +9,7 @@ function SearchBar() {
variant="contained"
className="
!py-[4px] sm:!py-[7px] md:!py-[10px] lg:!py-[12px] !gap-3
!px-[4px] sm:!px-[8px] md:!px-[12px] lg:!px-[16px]
!px-[4px] sm:!px-[8px] md:!px-[12px] lg:!px-[16px] !mt-[50px]
!bg-[#FAFAFA] !transition-all !duration-500 !shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] w-full lg:w-fit
"
>