patrick/sojorn
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Make card borders lighter and add spacing between cards

Browse source 
- Change border color from brightNavy to navyBlue with 0.3 opacity (lighter)
- Reduce border width from 2px to 1.5px for subtler appearance
- Lighten shadow opacity from 0.18 to 0.12 for softer effect
- Reduce shadow blur from 24 to 20 and offset from 8 to 6
- Add 16px bottom margin between cards for proper spacing
- Maintain overall card design while making it more subtle
This commit is contained in:
Patrick Britton 2026-02-01 13:59:22 -06:00
parent 6741c193e1
commit d3b102aaf5
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
sojorn_app/lib/widgets/sojorn_post_card.dart
View file

@ -80,19 +80,20 @@ class sojornPostCard extends StatelessWidget {
splashColor: AppTheme.queenPink.withOpacity(0.3), splashColor: AppTheme.queenPink.withOpacity(0.3),
highlightColor: Colors.transparent, highlightColor: Colors.transparent,
child: Container( child: Container(
margin: const EdgeInsets.only(bottom: 16), // Add spacing between cards
padding: _padding, padding: _padding,
decoration: BoxDecoration( decoration: BoxDecoration(
color: AppTheme.cardSurface, color: AppTheme.cardSurface,
borderRadius: BorderRadius.circular(20), borderRadius: BorderRadius.circular(20),
border: Border.all( border: Border.all(
color: AppTheme.brightNavy, color: AppTheme.navyBlue.withValues(alpha: 0.3), // Lighter border
width: 2, width: 1.5, // Slightly thinner border
), ),
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: AppTheme.brightNavy.withValues(alpha: 0.18), color: AppTheme.brightNavy.withValues(alpha: 0.12), // Lighter shadow
blurRadius: 24, blurRadius: 20,
offset: const Offset(0, 8), offset: const Offset(0, 6),
), ),
], ],
), ),