Creepso/NuvioStreaming
1
0
Fork 0
mirror of https://github.com/tapframe/NuvioStreaming.git synced 2026-04-20 16:22:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

some ui changes

Browse source
This commit is contained in:
tapframe 2025-08-11 16:23:14 +05:30
parent 70fb186ad8
commit 5ccd52d1e5
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/home/ContentItem.tsx
View file

@ -15,8 +15,11 @@ const { width } = Dimensions.get('window');
// Dynamic poster calculation based on screen width - show 1/4 of next poster // Dynamic poster calculation based on screen width - show 1/4 of next poster
const calculatePosterLayout = (screenWidth: number) => { const calculatePosterLayout = (screenWidth: number) => {
const MIN_POSTER_WIDTH = 100; // Reduced minimum for more posters // Detect if device is a tablet (width >= 768px is common tablet breakpoint)
const MAX_POSTER_WIDTH = 130; // Reduced maximum for more posters const isTablet = screenWidth >= 768;
const MIN_POSTER_WIDTH = isTablet ? 140 : 100; // Bigger minimum for tablets
const MAX_POSTER_WIDTH = isTablet ? 180 : 130; // Bigger maximum for tablets
const LEFT_PADDING = 16; // Left padding const LEFT_PADDING = 16; // Left padding
const SPACING = 8; // Space between posters const SPACING = 8; // Space between posters
@ -24,7 +27,7 @@ const calculatePosterLayout = (screenWidth: number) => {
const availableWidth = screenWidth - LEFT_PADDING; const availableWidth = screenWidth - LEFT_PADDING;
// Try different numbers of full posters to find the best fit // Try different numbers of full posters to find the best fit
let bestLayout = { numFullPosters: 3, posterWidth: 120 }; let bestLayout = { numFullPosters: 3, posterWidth: isTablet ? 160 : 120 };
for (let n = 3; n <= 6; n++) { for (let n = 3; n <= 6; n++) {
// Calculate poster width needed for N full posters + 0.25 partial poster // Calculate poster width needed for N full posters + 0.25 partial poster