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

Fix/#2607 remove empty proficiency spacing (#2626)

Browse Source 
* fix: remove empty proficiency and keywords spacing in skills items

Only render proficiency and keywords fields when they contain values,
preventing empty inline-block elements from reserving unwanted space
in templates like Pikachu.

Fixes #2607

* style: biome check --write
This commit is contained in:
Fynn Fischbach
2026-01-27 20:59:40 +01:00
committed by GitHub
parent 2b11b1a234
commit 7250bed701
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/resume/shared/items/skills-item.tsx
+8 -4
View File
@@ -17,12 +17,16 @@ export function SkillsItem({ className, ...item }: SkillsItemProps) {
</div>
{/* Proficiency */}
<span className="section-item-metadata skills-item-proficiency inline-block">{item.proficiency}</span>
{item.proficiency && (
<span className="section-item-metadata skills-item-proficiency inline-block">{item.proficiency}</span>
)}
{/* Keywords */}
<span className="section-item-keywords skills-item-keywords inline-block opacity-80">
{item.keywords.join(", ")}
</span>
{item.keywords.length > 0 && (
<span className="section-item-keywords skills-item-keywords inline-block opacity-80">
{item.keywords.join(", ")}
</span>
)}
{/* Level */}
<PageLevel level={item.level} className="section-item-level skills-item-level" />