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' }}>
<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) => {
const content = getInlineDetails(doc)
const isHovered = hoveredIndex === index
@@ -74,11 +74,11 @@ export function EducationSubsection() {
onMouseEnter={() => setHoveredIndex(index)}
onMouseLeave={() => setHoveredIndex(null)}
style={{
padding: '10px 12px',
padding: '12px 16px',
background: 'var(--surface)',
border: `1px solid ${isHovered ? 'var(--accent)' : 'var(--border-light)'}`,
borderRadius: 'var(--radius-sm)',
fontSize: '12px',
fontSize: '13px',
color: 'var(--text-primary)',
cursor: 'pointer',
textAlign: 'left',
@@ -97,13 +97,13 @@ export function EducationSubsection() {
marginBottom: '4px',
}}
>
<span style={{ fontWeight: 600, fontSize: '12.5px' }}>
<span style={{ fontWeight: 600, fontSize: '14px' }}>
{content.title}
</span>
<span
style={{
fontFamily: 'var(--font-geist-mono)',
fontSize: '10px',
fontSize: '11px',
color: 'var(--text-tertiary)',
whiteSpace: 'nowrap',
}}
@@ -114,7 +114,7 @@ export function EducationSubsection() {
<div
style={{
color: 'var(--text-secondary)',
fontSize: '11px',
fontSize: '12px',
marginBottom: content.details.length > 0 ? '6px' : '0',
}}
>
@@ -133,7 +133,7 @@ export function EducationSubsection() {
key={i}
style={{
color: 'var(--text-tertiary)',
fontSize: '10.5px',
fontSize: '12px',
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)',
border: '1px solid var(--border-light)',
borderRadius: 'var(--radius-sm)',
padding: '10px 12px',
padding: '12px 16px',
minHeight: '44px',
fontSize: '11.5px',
fontSize: '13px',
color: 'var(--text-primary)',
transition: 'border-color 0.15s, box-shadow 0.15s',
cursor: 'pointer',
@@ -68,8 +68,8 @@ function ProjectItem({ project, onClick }: ProjectItemProps) {
>
<div
style={{
width: '7px',
height: '7px',
width: '8px',
height: '8px',
borderRadius: '50%',
backgroundColor: dotColor,
flexShrink: 0,
@@ -81,7 +81,7 @@ function ProjectItem({ project, onClick }: ProjectItemProps) {
<span style={{ flex: 1, fontWeight: 500 }}>{project.name}</span>
<span
style={{
fontSize: '10px',
fontSize: '11px',
fontFamily: 'var(--font-geist-mono)',
color: 'var(--text-tertiary)',
flexShrink: 0,
@@ -104,9 +104,9 @@ function ProjectItem({ project, onClick }: ProjectItemProps) {
<span
key={tech}
style={{
fontSize: '9px',
fontSize: '10px',
fontFamily: 'var(--font-geist-mono)',
padding: '2px 6px',
padding: '3px 8px',
borderRadius: '3px',
background: 'var(--amber-light)',
color: '#92400E',
@@ -129,7 +129,7 @@ export function ProjectsTile() {
<Card tileId="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) => (
<ProjectItem
key={project.id}