feat: Experience clicks smooth-scroll to Explore Experience section
Build & Push Portfolio Image / build-push (push) Successful in 3m31s
Build & Push Portfolio Image / build-push (push) Successful in 3m31s
This commit is contained in:
@@ -49,7 +49,7 @@ export function ExperienceTimeline() {
|
||||
const timeline = t.experience.items
|
||||
|
||||
return (
|
||||
<section className="max-w-4xl mx-auto px-6 py-20">
|
||||
<section id="experience" className="max-w-4xl mx-auto px-6 py-20">
|
||||
<motion.div
|
||||
initial={{ opacity: 0 }}
|
||||
whileInView={{ opacity: 1 }}
|
||||
|
||||
+10
-4
@@ -181,10 +181,13 @@ export default function Header() {
|
||||
)}
|
||||
</div>
|
||||
<div className="border-l border-gray-300 dark:border-gray-700 pl-8 flex gap-6 items-center">
|
||||
<div className="text-xs">
|
||||
<button
|
||||
onClick={() => document.getElementById('experience')?.scrollIntoView({ behavior: 'smooth' })}
|
||||
className="text-xs text-left cursor-pointer hover:text-blue-600 dark:hover:text-blue-400"
|
||||
>
|
||||
<div className="text-gray-600 dark:text-gray-400">{t.header.experience}</div>
|
||||
<div className="font-semibold text-gray-900 dark:text-white">{t.header.experienceValue}</div>
|
||||
</div>
|
||||
</button>
|
||||
<div className="relative" ref={educationRef}>
|
||||
<button
|
||||
onClick={() => setEducationOpen(!educationOpen)}
|
||||
@@ -354,10 +357,13 @@ export default function Header() {
|
||||
</div>
|
||||
)}
|
||||
<div className="border-t border-gray-200 dark:border-gray-800 pt-4 space-y-4">
|
||||
<div className="text-xs">
|
||||
<button
|
||||
onClick={() => { setOpen(false); document.getElementById('experience')?.scrollIntoView({ behavior: 'smooth' }); }}
|
||||
className="text-xs text-left cursor-pointer hover:text-blue-600 dark:hover:text-blue-400"
|
||||
>
|
||||
<div className="text-gray-600 dark:text-gray-400">{t.header.experience}</div>
|
||||
<div className="font-semibold text-gray-900 dark:text-white">{t.header.experienceValue}</div>
|
||||
</div>
|
||||
</button>
|
||||
<div>
|
||||
<button
|
||||
onClick={() => setEducationOpen(!educationOpen)}
|
||||
|
||||
Reference in New Issue
Block a user