mirrors/jellyseerr
1
0
Fork 0
mirror of https://github.com/fallenbagel/jellyseerr.git synced 2026-01-01 20:28:40 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: upcoming/trending list views and larger title cards

Browse Source
This commit is contained in:
sct
2020-11-17 09:18:45 +00:00
parent 185ac2648f
commit 94eaaf96b4
17 changed files with 457 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/PersonCard/index.tsx
View File

@@ -4,15 +4,21 @@ interface PersonCardProps {
name: string;
subName?: string;
profilePath?: string;
canExpand?: boolean;
}
const PersonCard: React.FC<PersonCardProps> = ({
name,
subName,
profilePath,
canExpand = false,
}) => {
return (
<div className="relative w-36 sm:w-36 md:w-44 bg-cool-gray-600 rounded-lg text-white shadow-lg hover:bg-cool-gray-500 transition ease-in-out duration-150 cursor-pointer">
<div
className={`relative ${
canExpand ? 'w-full' : 'w-36 sm:w-36 md:w-44'
} bg-cool-gray-600 rounded-lg text-white shadow-lg hover:bg-cool-gray-500 transition ease-in-out duration-150 cursor-pointer`}
>
<div style={{ paddingBottom: '150%' }}>
<div className="absolute inset-0 flex flex-col items-center justify-center">
{profilePath && (