style: Enhance feature card visual hierarchy with borders and spacing

This commit is contained in:
Paul Gauthier (aider) 2025-03-19 11:10:27 -07:00
parent dada307e79
commit face505f0d

View file

@ -189,6 +189,7 @@
padding: 30px; padding: 30px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
transition: transform 0.3s, box-shadow 0.3s; transition: transform 0.3s, box-shadow 0.3s;
border-left: 3px solid var(--primary);
} }
.feature-card:hover { .feature-card:hover {
@ -209,10 +210,11 @@
.feature-card-header { .feature-card-header {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 15px; margin-bottom: 20px;
padding: 10px 12px; padding: 12px 15px;
background-color: rgba(76, 110, 245, 0.07); background-color: rgba(76, 110, 245, 0.1);
border-radius: 6px; border-radius: 6px;
border-bottom: 1px solid rgba(76, 110, 245, 0.2);
} }
.feature-icon { .feature-icon {