shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
TheCatLady
2021-02-08 02:39:01 -05:00
committed by GitHub
parent 282f28f2b9
commit a3042f8e1b
1 changed files with 4 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/PersonDetails/index.tsx
View File

@@ -92,13 +92,10 @@ const PersonDetails: React.FC = () => {
</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) => {
return (
<li
key={`list-cast-item-${media.id}-${index}`}
className="flex flex-col items-center col-span-1 text-center"
>
<li key={`list-cast-item-${media.id}-${index}`}>
<TitleCard
id={media.id}
title={media.mediaType === 'movie' ? media.title : media.name}
@@ -137,13 +134,10 @@ const PersonDetails: React.FC = () => {
</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) => {
return (
<li
key={`list-crew-item-${media.id}-${index}`}
className="flex flex-col items-center col-span-1 text-center"
>
<li key={`list-crew-item-${media.id}-${index}`}>
<TitleCard
id={media.id}
title={media.mediaType === 'movie' ? media.title : media.name}