Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2026-07-14 06:47:00 +10:00
Code Issues Packages Projects Releases Wiki Activity

- fixes #2707

Browse Source
This commit is contained in:
Amruth Pillai
2026-02-26 22:44:46 +01:00
parent e5a51013c1
commit 9d70bc4fd3
1 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/resume/templates/ditgar.tsx
+18 -8
View File
@@ -70,36 +70,46 @@ function Header() {
<div className="page-header space-y-4 bg-(--page-primary-color) px-(--page-margin-x) py-(--page-margin-y) text-(--page-background-color)">
<PagePicture />
<div>
<h2 className="font-bold text-2xl">{basics.name}</h2>
<p>{basics.headline}</p>
<div className="basics-header">
<h2 className="basics-name font-bold text-2xl">{basics.name}</h2>
<p className="basics-headline">{basics.headline}</p>
</div>
<div className="flex flex-col items-start gap-y-2 text-sm [&>div>i]:text-(--page-background-color)!">
<div className="basics-items flex flex-col items-start gap-y-2 text-sm [&>div>i]:text-(--page-background-color)!">
{basics.location && (
<div className="flex items-center gap-x-1.5">
<div className="basics-item-location flex items-center gap-x-1.5">
<PageIcon icon="map-pin" className="ph-bold" />
<div>{basics.location}</div>
</div>
)}
{basics.phone && (
<div className="flex items-center gap-x-1.5">
<div className="basics-item-phone flex items-center gap-x-1.5">
<PageIcon icon="phone" className="ph-bold" />
<PageLink url={`tel:${basics.phone}`} label={basics.phone} />
</div>
)}
{basics.email && (
<div className="flex items-center gap-x-1.5">
<div className="basics-item-email flex items-center gap-x-1.5">
<PageIcon icon="at" className="ph-bold" />
<PageLink url={`mailto:${basics.email}`} label={basics.email} />
</div>
)}
{basics.website.url && (
<div className="flex items-center gap-x-1.5">
<div className="basics-item-website flex items-center gap-x-1.5">
<PageIcon icon="globe" className="ph-bold" />
<PageLink {...basics.website} />
</div>
)}
{basics.customFields.map((field) => (
<div key={field.id} className="basics-item-custom flex items-center gap-x-1.5">
<PageIcon icon={field.icon} />
{field.link ? <PageLink url={field.link} label={field.text} /> : <span>{field.text}</span>}
</div>
))}
</div>
</div>
);