jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Emphasize button to showcase more class details with enhanced styling 

Updates the "Learn More" button in `about-section.tsx` to use purple background with an embossed effect via boxShadow and textShadow.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 88cd88e4-2dbe-4df6-8c8a-7e38f13ef1ec
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/3f122ed4-6c33-4e9d-bbcb-33e41f2bfea2.jpg
This commit is contained in:
JeffEmmett 2025-05-21 11:00:27 +00:00
parent 952798d8e8
commit 0fba668b84
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/about/about-section.tsx
View File

@ -26,7 +26,14 @@ export function AboutSection() {
<div className="mt-8"> <div className="mt-8">
<Link href="/about"> <Link href="/about">
<span className="inline-block border border-purple text-purple font-medium py-2 px-6 hover:bg-purple hover:text-white transition duration-300 rounded-md"> <span
className="inline-block bg-purple text-white font-medium py-2 px-6 hover:bg-opacity-90 transition duration-300 rounded-md"
style={{
boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08)",
textShadow: "0 1px 2px rgba(0, 0, 0, 0.1)",
transform: "translateY(-1px)"
}}
>
Learn More About Me Learn More About Me
</span> </span>
</Link> </Link>