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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
components/doctor/detailDoctor/cards/AboutDcotor.js
+4 -4
View File
@@ -17,7 +17,7 @@ function AboutDcotor({ doctor }) {
<p
className={`
text-[#616161] text-[14px] font-normal text-justify overflow-hidden relative
md:max-h-fit after:absolute after:right-0 after:bottom-0 after:h-[80px]
md:max-h-fit after:absolute after:right-0 after:bottom-0 leading-[28px] sm:leading-[30px] md:leading-[32px] lg:leading-[33px] after:h-[80px]
after:shadow-xl after:w-full transition-all duration-500 md:after:!bg-[linear-gradient(transparent,transparent)]
${isMore ?
'after:bg-transparent max-h-screen' :
@@ -33,13 +33,13 @@ function AboutDcotor({ doctor }) {
{isMore ? 'مطالعه کمتر' : 'مطالعه بیشتر'}
</Button>
</div>
<div className="mt-2 mb-6 md:mb-7 lg:mb-8">
<div className="mt-[12px] lg:mt-[8px] mb-6 md:mb-7 lg:mb-8">
<p className="text-[#525252] text-[14px] md:text-[16px] font-bold">تخصص ها</p>
<ul className="flex flex-wrap gap-y-1 items-center justify-start gap-4">
<ul className="flex flex-col mt-[12px] sm:flex-row gap-y-[16px] items-start sm:items-center justify-start gap-4">
{doctor.specialties.map((item, idx) => (
<li key={idx} className="flex items-center justify-start gap-1">
<span className="w-2 h-2 bg-[#F17732] rounded-full"></span>
<p className="text-[#616161] text-[16px] font-normal">{item}</p>
<p className="text-[#616161] text-[16px] font-normal text-nowrap">{item}</p>
</li>
))}
</ul>
components/doctor/detailDoctor/cards/comments/modal/ModalAnswer.js
+2 -2
View File
@@ -20,7 +20,7 @@ function ModalAnswer({ doctor }) {
<Button
variant='outlined'
onClick={handleOpen}
className='!py-2 md:!py-2.5 !px-[16px] sm:!px-[23px] md:!px-[29px]
className='!py-[6px] md:!py-2 lg:!py-[9px] !px-[16px] sm:!px-[23px] md:!px-[29px]
lg:!px-[36px] !mr-0 md:!mr-4 !rounded !w-full md:!w-fit'
>ثبت نظر</Button>
<Modal
@@ -55,7 +55,7 @@ function ModalAnswer({ doctor }) {
/>
))}
</ul>
<div className="flex flex-col justify-center items-start mt-[24px]">
<div className="flex flex-col gap-[16px] justify-center items-start mt-[24px]">
<p className='text-[#495057] text-[16px] font-bold'>متن نظر</p>
<Field
type='number'