git_admin/dana-medical-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/main'
Some checks failed
Deploy Dana Medical Site / deploy (push) Failing after 1s
Details

Browse Source
This commit is contained in:
Dana Medical Developer 2026-10-23 14:45:14 +00:00
commit b26919b73e
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/components/DoctorCard.css
View File

@ -14,6 +14,8 @@
.doctor-tile { .doctor-tile {
width: 209px; width: 209px;
flex-shrink: 0; flex-shrink: 0;
display: flex;
flex-direction: column;
} }
.doctor-tile__photo-link { .doctor-tile__photo-link {
@ -41,6 +43,7 @@
align-items: flex-start; align-items: flex-start;
gap: 8px; gap: 8px;
margin-top: 16px; margin-top: 16px;
flex: 1;
} }
.doctor-tile__name { .doctor-tile__name {
@ -66,12 +69,14 @@
} }
.doctor-tile__exp { .doctor-tile__exp {
padding: 9px 8px 9px 12px; margin-top: auto;
padding: 8px 12px;
background: var(--chip); background: var(--chip);
border: 1px solid var(--chip-border); border: 1px solid var(--chip-border);
border-radius: var(--r-10); border-radius: var(--r-10);
font-weight: 500; font-weight: 500;
font-size: 12px; font-size: 14px;
line-height: 1.25;
color: var(--navy); color: var(--navy);
white-space: nowrap; white-space: nowrap;
} }
@ -187,6 +192,8 @@
border-radius: var(--r-16); border-radius: var(--r-16);
overflow: hidden; overflow: hidden;
background: var(--photo-bg); background: var(--photo-bg);
display: flex;
flex-direction: column;
} }
.doctor-tile__photo { .doctor-tile__photo {
height: 180px; height: 180px;
@ -196,6 +203,9 @@
gap: 0; gap: 0;
margin-top: 0; margin-top: 0;
padding: 12px; padding: 12px;
flex: 1;
display: flex;
flex-direction: column;
} }
.doctor-tile__name { .doctor-tile__name {
font-size: 11px; font-size: 11px;
@ -208,11 +218,12 @@
line-height: 12.375px; line-height: 12.375px;
} }
.doctor-tile__exp { .doctor-tile__exp {
padding: 9.6px 8px; margin-top: auto;
padding: 6px 10px;
border-width: 0.722px; border-width: 0.722px;
border-radius: var(--r-8); border-radius: var(--r-8);
font-size: 9px; font-size: 11px;
line-height: 13.5px; line-height: 14px;
} }
.doctor-row { .doctor-row {