alee/stegasoo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix hover gradient direction on big buttons

Browse Source 
- Align hover gradient with flipped eggplant→blue direction
- Update box-shadow to use eggplant purple

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Aaron D. Lee
2026-01-04 15:24:41 -05:00
parent 355a988405
commit abcff74dd4
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontends/web/static/style.css
View File

@@ -505,10 +505,10 @@ footer {
/* Enhance the gradient on hover for dramatic effect */ /* Enhance the gradient on hover for dramatic effect */
.card-link:hover .card-header.text-center { .card-link:hover .card-header.text-center {
background: linear-gradient(135deg, background: linear-gradient(135deg,
var(--gradient-start) 0%, #3d2050 0%,
#5a67d8 20%, var(--gradient-start) 30%,
var(--gradient-end) 80%, var(--gradient-end) 70%,
#8a2be2 100%); #6680e0 100%);
box-shadow: inset 0 0 20px rgba(255, 215, 0, 0.1); box-shadow: inset 0 0 20px rgba(255, 215, 0, 0.1);
} }
@@ -551,7 +551,7 @@ footer {
.card-link:hover .feature-card { .card-link:hover .feature-card {
transform: translateY(-5px); transform: translateY(-5px);
box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3); box-shadow: 0 10px 40px rgba(74, 40, 96, 0.4);
} }
/* ---------------------------------------------------------------------------- /* ----------------------------------------------------------------------------