respnsive pages

This commit is contained in:
Ehsan
2024-08-19 21:48:15 +03:30
parent 8a53f60d7e
commit 381b0a9eea
20 changed files with 145 additions and 96 deletions
+2 -2
View File
@@ -21,11 +21,11 @@ function ItemClinic({ data }) {
</div>
</div>
<div className="flex flex-col items-start mt-4 gap-4 mb-[14px]">
<div className="flex items-center justify-start gap-0.5">
<div className="flex items-start justify-start gap-0.5">
<LocationClinic />
<p className="text-[#7E7E7E] text-[12px] font-normal">{data.location}</p>
</div>
<div className="flex items-center justify-start gap-0.5">
<div className="flex items-start justify-start gap-0.5 ml-[64px]">
<ClockClinic />
<p className="text-[#7E7E7E] text-[12px] font-normal">ساعت کاری: {data.hours_of_work}</p>
</div>
+1 -1
View File
@@ -12,7 +12,7 @@ function List() {
<Pageguide
list={listPage}
/>
<ul className="grid grid-cols-3 gap-x-[24px] gap-y-[40px] mt-6">
<ul className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-[24px] gap-y-[40px] mt-6">
{clinics.map(item => (
<ItemClinic
data={item}