fix responsive all page & add modal doctor id & page dashboard aside

This commit is contained in:
Ehsan
2024-09-01 01:36:36 +03:30
parent b058066380
commit 680ef74034
64 changed files with 682 additions and 155 deletions
+2 -2
View File
@@ -19,11 +19,11 @@ function About({ data }) {
<p
className={`
text-[#525252] text-[16px] font-normal leading-[20px] sm:leading-[24px] md:leading-[28px] lg:leading-[32px] overflow-hidden relative
md:max-h-fit after:absolute after:right-0 after:bottom-0 after:h-[80px]
after:absolute after:right-0 after:bottom-0 after:h-[80px]
after:shadow-xl after:w-full transition-all duration-500
${isMore ?
'after:bg-transparent max-h-screen' :
'after:bg-[linear-gradient(transparent,#FAFAFA)] max-h-[256px]'
'after:bg-[linear-gradient(transparent,#FAFAFA)] max-h-[200px]'
}
`}
dangerouslySetInnerHTML={{ __html: data.caption }}
+1 -1
View File
@@ -4,7 +4,7 @@ import Pagination from '@/app/component/Pagination';
function List({ doctors }) {
return (
<>
<ul className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mt-[40px] gap-[24px]">
<ul className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mt-[40px] gap-[16px] md:gap-[20px] lg:gap-[24px]">
{doctors.map(doctor => (
<ItemDoctor
key={doctor.id}