yorickr/plezy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix poster sizing on home screen to match libraries view

Browse Source 
- Increase minimum poster width from 130px to 160px
- Adjust poster sizing to account for MediaCard padding (16px)
- Calculate poster dimensions based on actual display area
- Ensure consistent poster sizing across Home and Libraries screens

Fixes #13
This commit is contained in:
Sam Matthews
2025-11-04 05:06:55 +00:00
parent 3a5b812a22
commit 236e3e7cfc
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/screens/discover_screen.dart
+10 -6
View File
@@ -961,20 +961,24 @@ class _DiscoverScreenState extends State<DiscoverScreen>
child: LayoutBuilder( child: LayoutBuilder(
builder: (context, constraints) { builder: (context, constraints) {
// Responsive card width based on screen size // Responsive card width based on screen size
// Match Libraries screen sizing (190px baseline)
final screenWidth = constraints.maxWidth; final screenWidth = constraints.maxWidth;
final cardWidth = screenWidth > 1600 final cardWidth = screenWidth > 1600
? 220.0 ? 220.0
: screenWidth > 1200 : screenWidth > 1200
? 200.0 ? 200.0
: screenWidth > 800 : screenWidth > 800
? 160.0 ? 190.0
: 130.0; : 160.0;
// MediaCard has 8px padding on all sides (16px total horizontally)
// So actual poster width is cardWidth - 16
final posterWidth = cardWidth - 16;
// 2:3 poster aspect ratio (height is 1.5x width) // 2:3 poster aspect ratio (height is 1.5x width)
final cardHeight = cardWidth * 1.5; final posterHeight = posterWidth * 1.5;
// Container height = poster + padding + spacing + text // Container height = poster + padding + spacing + text
// 8px top padding + cardHeight + 4px spacing + ~26px text + 8px bottom padding // 8px top padding + posterHeight + 4px spacing + ~26px text + 8px bottom padding
final containerHeight = cardHeight + 46; final containerHeight = posterHeight + 46;
return SizedBox( return SizedBox(
height: containerHeight, height: containerHeight,
@@ -992,7 +996,7 @@ class _DiscoverScreenState extends State<DiscoverScreen>
key: Key(item.ratingKey), key: Key(item.ratingKey),
item: item, item: item,
width: cardWidth, width: cardWidth,
height: cardHeight, height: posterHeight,
onRefresh: updateItem, onRefresh: updateItem,
), ),
); );