admin/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: US-024 - Scale ProjectsTile and EducationSubsection

Browse Source
This commit is contained in:
Andy Charlwood
2026-02-14 20:34:20 +00:00
parent cf1f466452
commit 3f026a0701
2 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/EducationSubsection.tsx
+7 -7
View File
@@ -62,7 +62,7 @@ export function EducationSubsection() {
<div style={{ marginTop: '24px' }}> <div style={{ marginTop: '24px' }}>
<CardHeader dotColor="purple" title="EDUCATION" /> <CardHeader dotColor="purple" title="EDUCATION" />
<div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}> <div style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>
{educationDocuments.map((doc, index) => { {educationDocuments.map((doc, index) => {
const content = getInlineDetails(doc) const content = getInlineDetails(doc)
const isHovered = hoveredIndex === index const isHovered = hoveredIndex === index
@@ -74,11 +74,11 @@ export function EducationSubsection() {
onMouseEnter={() => setHoveredIndex(index)} onMouseEnter={() => setHoveredIndex(index)}
onMouseLeave={() => setHoveredIndex(null)} onMouseLeave={() => setHoveredIndex(null)}
style={{ style={{
padding: '10px 12px', padding: '12px 16px',
background: 'var(--surface)', background: 'var(--surface)',
border: `1px solid ${isHovered ? 'var(--accent)' : 'var(--border-light)'}`, border: `1px solid ${isHovered ? 'var(--accent)' : 'var(--border-light)'}`,
borderRadius: 'var(--radius-sm)', borderRadius: 'var(--radius-sm)',
fontSize: '12px', fontSize: '13px',
color: 'var(--text-primary)', color: 'var(--text-primary)',
cursor: 'pointer', cursor: 'pointer',
textAlign: 'left', textAlign: 'left',
@@ -97,13 +97,13 @@ export function EducationSubsection() {
marginBottom: '4px', marginBottom: '4px',
}} }}
> >
<span style={{ fontWeight: 600, fontSize: '12.5px' }}> <span style={{ fontWeight: 600, fontSize: '14px' }}>
{content.title} {content.title}
</span> </span>
<span <span
style={{ style={{
fontFamily: 'var(--font-geist-mono)', fontFamily: 'var(--font-geist-mono)',
fontSize: '10px', fontSize: '11px',
color: 'var(--text-tertiary)', color: 'var(--text-tertiary)',
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
}} }}
@@ -114,7 +114,7 @@ export function EducationSubsection() {
<div <div
style={{ style={{
color: 'var(--text-secondary)', color: 'var(--text-secondary)',
fontSize: '11px', fontSize: '12px',
marginBottom: content.details.length > 0 ? '6px' : '0', marginBottom: content.details.length > 0 ? '6px' : '0',
}} }}
> >
@@ -133,7 +133,7 @@ export function EducationSubsection() {
key={i} key={i}
style={{ style={{
color: 'var(--text-tertiary)', color: 'var(--text-tertiary)',
fontSize: '10.5px', fontSize: '12px',
fontFamily: 'var(--font-geist-mono)', fontFamily: 'var(--font-geist-mono)',
}} }}
> >
src/components/tiles/ProjectsTile.tsx
+8 -8
View File
@@ -41,9 +41,9 @@ function ProjectItem({ project, onClick }: ProjectItemProps) {
background: 'var(--surface)', background: 'var(--surface)',
border: '1px solid var(--border-light)', border: '1px solid var(--border-light)',
borderRadius: 'var(--radius-sm)', borderRadius: 'var(--radius-sm)',
padding: '10px 12px', padding: '12px 16px',
minHeight: '44px', minHeight: '44px',
fontSize: '11.5px', fontSize: '13px',
color: 'var(--text-primary)', color: 'var(--text-primary)',
transition: 'border-color 0.15s, box-shadow 0.15s', transition: 'border-color 0.15s, box-shadow 0.15s',
cursor: 'pointer', cursor: 'pointer',
@@ -68,8 +68,8 @@ function ProjectItem({ project, onClick }: ProjectItemProps) {
> >
<div <div
style={{ style={{
width: '7px', width: '8px',
height: '7px', height: '8px',
borderRadius: '50%', borderRadius: '50%',
backgroundColor: dotColor, backgroundColor: dotColor,
flexShrink: 0, flexShrink: 0,
@@ -81,7 +81,7 @@ function ProjectItem({ project, onClick }: ProjectItemProps) {
<span style={{ flex: 1, fontWeight: 500 }}>{project.name}</span> <span style={{ flex: 1, fontWeight: 500 }}>{project.name}</span>
<span <span
style={{ style={{
fontSize: '10px', fontSize: '11px',
fontFamily: 'var(--font-geist-mono)', fontFamily: 'var(--font-geist-mono)',
color: 'var(--text-tertiary)', color: 'var(--text-tertiary)',
flexShrink: 0, flexShrink: 0,
@@ -104,9 +104,9 @@ function ProjectItem({ project, onClick }: ProjectItemProps) {
<span <span
key={tech} key={tech}
style={{ style={{
fontSize: '9px', fontSize: '10px',
fontFamily: 'var(--font-geist-mono)', fontFamily: 'var(--font-geist-mono)',
padding: '2px 6px', padding: '3px 8px',
borderRadius: '3px', borderRadius: '3px',
background: 'var(--amber-light)', background: 'var(--amber-light)',
color: '#92400E', color: '#92400E',
@@ -129,7 +129,7 @@ export function ProjectsTile() {
<Card tileId="projects"> <Card tileId="projects">
<CardHeader dotColor="amber" title="ACTIVE PROJECTS" /> <CardHeader dotColor="amber" title="ACTIVE PROJECTS" />
<div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}> <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
{investigations.map((project) => ( {investigations.map((project) => (
<ProjectItem <ProjectItem
key={project.id} key={project.id}