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

Improve media grid layout for better visibility on smaller screens

Browse Source 
Adjust the `NewPost` component's media grid to use a responsive column layout, defaulting to 2 columns on small screens and 3 on larger screens.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/F3F3s9V
This commit is contained in:
michaelschal committed 2025-10-14 07:56:18 +00:00
1 parent a2379b2f79
commit 3c2e0f169b
1 file changed
+1 -1
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/new-post.tsx
+1 -1
View File
@@ -481,7 +481,7 @@ export default function NewPost() {
Toutes les photos Toutes les photos
</div> </div>
<div className="max-h-[500px] overflow-y-auto"> <div className="max-h-[500px] overflow-y-auto">
<div className="grid grid-cols-3 gap-2"> <div className="grid grid-cols-2 sm:grid-cols-3 gap-2">
{mediaList.slice(0, visibleMediaCount).map((media) => { {mediaList.slice(0, visibleMediaCount).map((media) => {
const isSelected = selectedMedia.includes(media.id); const isSelected = selectedMedia.includes(media.id);