fix(ui): Fix card sizes on person detail pages (#881)

This commit is contained in:
TheCatLady
2021-02-08 02:39:01 -05:00
committed by GitHub
parent 282f28f2b9
commit a3042f8e1b

View File

@@ -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}