fix: break thumbnails in sidebar to multiple lines
In the sidebar if when I have more than 3 thumbnails, only the first 3 is visible. That makes very hard to view or edit the faces that are recognized on the photo. The fix is to break the thumbnails to new line when needed by adding the flex-wrap class to the container ul element.
This commit is contained in:
parent
cf1a66975d
commit
d949acaa17
|
@ -208,7 +208,7 @@ const MediaSidebarPeople = ({ media }: MediaSidebarFacesProps) => {
|
||||||
className="overflow-x-auto mb-[-200px]"
|
className="overflow-x-auto mb-[-200px]"
|
||||||
style={{ scrollbarWidth: 'none' }}
|
style={{ scrollbarWidth: 'none' }}
|
||||||
>
|
>
|
||||||
<ul className="flex gap-4 mx-4">{faceElms}</ul>
|
<ul className="flex flex-wrap justify-evenly gap-4 mx-4">{faceElms}</ul>
|
||||||
<div className="h-[200px]"></div>
|
<div className="h-[200px]"></div>
|
||||||
</div>
|
</div>
|
||||||
</SidebarSection>
|
</SidebarSection>
|
||||||
|
|
Loading…
Reference in New Issue