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

normalize section items with consistent css classes

Browse Source
This commit is contained in:
Amruth Pillai
2026-01-23 09:28:05 +01:00
parent 06d54a9060
commit 8214f2a910
14 changed files with 59 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/resume/shared/items/awards-item.tsx
+2 -2
View File
@@ -15,10 +15,10 @@ export function AwardsItem({ className, ...item }: AwardsItemProps) {
<p className="section-item-title awards-item-title">
<strong>{item.title}</strong>
</p>
<p className="section-item-metadata text-right">{item.date}</p>
<p className="section-item-metadata awards-item-date text-right">{item.date}</p>
</div>
<div className="flex items-center justify-between">
<p className="section-item-awarder awards-item-awarder">{item.awarder}</p>
<p className="section-item-metadata awards-item-awarder">{item.awarder}</p>
</div>
</div>
<div className="section-item-description awards-item-description">
src/components/resume/shared/items/certifications-item.tsx
+2 -2
View File
@@ -15,10 +15,10 @@ export function CertificationsItem({ className, ...item }: CertificationsItemPro
<p className="section-item-title certifications-item-title">
<strong>{item.title}</strong>
</p>
<p className="section-item-metadata text-right">{item.date}</p>
<p className="section-item-metadata certifications-item-date text-right">{item.date}</p>
</div>
<div className="flex items-center justify-between">
<p className="section-item-issuer certifications-item-issuer">{item.issuer}</p>
<p className="section-item-metadata certifications-item-issuer">{item.issuer}</p>
</div>
</div>
<div className="section-item-description certifications-item-description">
src/components/resume/shared/items/education-item.tsx
+3 -3
View File
@@ -15,13 +15,13 @@ export function EducationItem({ className, ...item }: EducationItemProps) {
<p className="section-item-title education-item-title">
<strong>{item.school}</strong>
</p>
<p className="section-item-metadata education-item-metadata text-right">
<p className="section-item-metadata education-item-degree-grade text-right">
{[item.degree, item.grade].filter(Boolean).join(" • ")}
</p>
</div>
<div className="flex items-center justify-between">
<p>{item.area}</p>
<p className="section-item-metadata education-item-metadata text-right">
<p className="section-item-metadata education-item-area">{item.area}</p>
<p className="section-item-metadata education-item-location-period text-right">
{[item.location, item.period].filter(Boolean).join(" • ")}
</p>
</div>
src/components/resume/shared/items/experience-item.tsx
+3 -3
View File
@@ -15,11 +15,11 @@ export function ExperienceItem({ className, ...item }: ExperienceItemProps) {
<p className="section-item-title experience-item-title">
<strong>{item.company}</strong>
</p>
<p className="section-item-metadata experience-item-metadata text-right">{item.location}</p>
<p className="section-item-metadata experience-item-location text-right">{item.location}</p>
</div>
<div className="flex items-center justify-between">
<p>{item.position}</p>
<p className="section-item-metadata experience-item-metadata text-right">{item.period}</p>
<p className="section-item-metadata experience-item-position">{item.position}</p>
<p className="section-item-metadata experience-item-period text-right">{item.period}</p>
</div>
</div>
<div className="section-item-description experience-item-description">
src/components/resume/shared/items/interests-item.tsx
+1 -1
View File
@@ -11,7 +11,7 @@ export function InterestsItem({ className, ...item }: InterestsItemProps) {
<div className={cn("interests-item", className)}>
<div className="section-item-header flex items-center gap-x-1.5">
<PageIcon icon={item.icon} className="section-item-icon interests-item-icon shrink-0" />
<p className="section-item-name interests-item-name">
<p className="section-item-title interests-item-name">
<strong>{item.name}</strong>
</p>
</div>
src/components/resume/shared/items/languages-item.tsx
+2 -2
View File
@@ -10,10 +10,10 @@ export function LanguagesItem({ className, ...item }: LanguagesItemProps) {
return (
<div className={cn("languages-item", className)}>
<div className="section-item-header">
<p className="section-item-name languages-item-name">
<p className="section-item-title languages-item-name">
<strong>{item.language}</strong>
</p>
<p className="section-item-fluency languages-item-fluency opacity-80">{item.fluency}</p>
<p className="section-item-metadata languages-item-fluency opacity-80">{item.fluency}</p>
</div>
<PageLevel level={item.level} className="section-item-level languages-item-level" />
src/components/resume/shared/items/profiles-item.tsx
+1 -1
View File
@@ -12,7 +12,7 @@ export function ProfilesItem({ className, ...item }: ProfilesItemProps) {
<div className={cn("profiles-item", className)}>
<div className="section-item-header flex items-center gap-x-1.5">
<PageIcon icon={item.icon} className="section-item-icon profiles-item-icon shrink-0" />
<p className="section-item-network profiles-item-network">
<p className="section-item-title profiles-item-network">
<strong>{item.network}</strong>
</p>
</div>
src/components/resume/shared/items/projects-item.tsx
+1 -1
View File
@@ -15,7 +15,7 @@ export function ProjectsItem({ className, ...item }: ProjectsItemProps) {
<p className="section-item-title projects-item-title">
<strong>{item.name}</strong>
</p>
<p className="section-item-metadata text-right">{item.period}</p>
<p className="section-item-metadata projects-item-period text-right">{item.period}</p>
</div>
</div>
<div className="section-item-description projects-item-description">
src/components/resume/shared/items/publications-item.tsx
+2 -2
View File
@@ -15,10 +15,10 @@ export function PublicationsItem({ className, ...item }: PublicationsItemProps)
<p className="section-item-title publications-item-title">
<strong>{item.title}</strong>
</p>
<p className="section-item-metadata text-right">{item.date}</p>
<p className="section-item-metadata publications-item-date text-right">{item.date}</p>
</div>
<div className="flex items-center justify-between">
<p className="section-item-publisher publications-item-publisher">{item.publisher}</p>
<p className="section-item-metadata publications-item-publisher">{item.publisher}</p>
</div>
</div>
<div className="section-item-description publications-item-description">
src/components/resume/shared/items/references-item.tsx
+3 -3
View File
@@ -12,17 +12,17 @@ export function ReferencesItem({ className, ...item }: ReferencesItemProps) {
<div className={cn("references-item", className)}>
<div className="section-item-header references-item-header">
<div className="flex items-center justify-between">
<p className="section-item-name references-item-name">
<p className="section-item-title references-item-name">
<strong>{item.name}</strong>
</p>
</div>
<p className="section-item-subtitle references-item-position">{item.position}</p>
<p className="section-item-metadata references-item-position">{item.position}</p>
</div>
<div className="section-item-description references-item-description">
<TiptapContent content={item.description} />
</div>
<div className="section-item-footer references-item-footer flex flex-col">
<div className="section-item-metadata references-item-phone">{item.phone}</div>
<p className="section-item-metadata references-item-phone">{item.phone}</p>
<PageLink {...item.website} label={item.website.label} className="section-item-link references-item-link" />
</div>
</div>
src/components/resume/shared/items/skills-item.tsx
+2 -2
View File
@@ -12,13 +12,13 @@ export function SkillsItem({ className, ...item }: SkillsItemProps) {
<div className={cn("skills-item", className)}>
<div className="section-item-header flex items-center gap-x-1.5">
<PageIcon icon={item.icon} className="section-item-icon skills-item-icon shrink-0" />
<p className="section-item-name skills-item-name">
<p className="section-item-title skills-item-name">
<strong>{item.name}</strong>
</p>
</div>
<div>
<p className="section-item-proficiency skills-item-proficiency opacity-80">{item.proficiency}</p>
<p className="section-item-metadata skills-item-proficiency opacity-80">{item.proficiency}</p>
<small className="section-item-keywords skills-item-keywords">{item.keywords.join(", ")}</small>
</div>
src/components/resume/shared/items/volunteer-item.tsx
+2 -2
View File
@@ -15,10 +15,10 @@ export function VolunteerItem({ className, ...item }: VolunteerItemProps) {
<p className="section-item-title volunteer-item-title">
<strong>{item.organization}</strong>
</p>
<p className="section-item-metadata text-right">{item.period}</p>
<p className="section-item-metadata volunteer-item-period text-right">{item.period}</p>
</div>
<div className="flex items-center justify-between">
<p className="section-item-location volunteer-item-location">{item.location}</p>
<p className="section-item-metadata volunteer-item-location">{item.location}</p>
</div>
</div>
<div className="section-item-description volunteer-item-description">