mirror of
https://github.com/sct/overseerr.git
synced 2025-09-17 17:24:35 +02:00
fix(ui): Fix card sizes on person detail pages (#881)
This commit is contained in:
@@ -92,13 +92,10 @@ const PersonDetails: React.FC = () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul className="grid grid-cols-2 gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7 2xl:grid-cols-8">
|
<ul className="cardList">
|
||||||
{sortedCast?.map((media, index) => {
|
{sortedCast?.map((media, index) => {
|
||||||
return (
|
return (
|
||||||
<li
|
<li key={`list-cast-item-${media.id}-${index}`}>
|
||||||
key={`list-cast-item-${media.id}-${index}`}
|
|
||||||
className="flex flex-col items-center col-span-1 text-center"
|
|
||||||
>
|
|
||||||
<TitleCard
|
<TitleCard
|
||||||
id={media.id}
|
id={media.id}
|
||||||
title={media.mediaType === 'movie' ? media.title : media.name}
|
title={media.mediaType === 'movie' ? media.title : media.name}
|
||||||
@@ -137,13 +134,10 @@ const PersonDetails: React.FC = () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul className="grid grid-cols-2 gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7 2xl:grid-cols-8">
|
<ul className="cardList">
|
||||||
{sortedCrew?.map((media, index) => {
|
{sortedCrew?.map((media, index) => {
|
||||||
return (
|
return (
|
||||||
<li
|
<li key={`list-crew-item-${media.id}-${index}`}>
|
||||||
key={`list-crew-item-${media.id}-${index}`}
|
|
||||||
className="flex flex-col items-center col-span-1 text-center"
|
|
||||||
>
|
|
||||||
<TitleCard
|
<TitleCard
|
||||||
id={media.id}
|
id={media.id}
|
||||||
title={media.mediaType === 'movie' ? media.title : media.name}
|
title={media.mediaType === 'movie' ? media.title : media.name}
|
||||||
|
Reference in New Issue
Block a user