Michael/Socialflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Socialflow.git synced 2026-10-11 17:26:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: restore 12-image limit and fix blank thumbnails on mobile

Browse Source 
Thumbnails were blank (empty squares) on iOS/Android because h-full
does not resolve correctly inside a button with aspect-ratio sizing.
Switched to absolute inset-0 positioning which works in all mobile
browsers.

Also restored the slice(0, 12) limit on the media grid.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
MichaelandClaude Sonnet 4.6 committed 2026-03-25 09:02:30 +01:00
1 parent be46d43dd6
commit 695d219724
1 file changed
+9 -5
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/mobile/new-post.tsx
+9 -5
View File
@@ -82,6 +82,7 @@ function SortableMediaItem({
src={media.facebookFeedUrl || media.originalUrl}
alt={media.fileName}
type={isVideo ? 'video' : 'image'}
className="absolute inset-0 w-full h-full object-cover"
/>
</button>
{isSelected && (
@@ -131,11 +132,13 @@ export default function NewPostMobile() {
...recentUploads,
...allMedia.filter(m => !recentUploads.some(r => r.id === m.id)),
];
return combined.sort((a, b) => {
const dateA = a.createdAt ? new Date(a.createdAt).getTime() : 0;
const dateB = b.createdAt ? new Date(b.createdAt).getTime() : 0;
return dateB - dateA;
});
return combined
.sort((a, b) => {
const dateA = a.createdAt ? new Date(a.createdAt).getTime() : 0;
const dateB = b.createdAt ? new Date(b.createdAt).getTime() : 0;
return dateB - dateA;
})
.slice(0, 12);
}, [allMedia, recentUploads]);
const { data: scheduledPosts = [] } = useQuery<ScheduledPost[]>({
@@ -526,6 +529,7 @@ export default function NewPostMobile() {
src={media.facebookFeedUrl || media.originalUrl}
alt={media.fileName}
type={isVideo ? 'video' : 'image'}
className="absolute inset-0 w-full h-full object-cover"
/>
{isSelected && (
<div className="absolute inset-0 bg-primary/10 flex items-center justify-center">