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

feat(ui): add movie/series genre list pages (#1194)

Browse Source
This commit is contained in:
TheCatLady
2021-03-15 23:37:35 -04:00
committed by GitHub
parent b767a58b01
commit 6f1a31de47
17 changed files with 199 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/GenreCard/index.tsx
View File

@@ -6,15 +6,23 @@ interface GenreCardProps {
name: string;
image: string;
url: string;
canExpand?: boolean;
}
const GenreCard: React.FC<GenreCardProps> = ({ image, url, name }) => {
const GenreCard: React.FC<GenreCardProps> = ({
image,
url,
name,
canExpand = false,
}) => {
const [isHovered, setHovered] = useState(false);
return (
<Link href={url}>
<a
className={`relative flex items-center justify-center h-32 w-56 sm:h-40 sm:w-72 p-8 shadow transition ease-in-out duration-300 cursor-pointer transform-gpu ring-1 ${
className={`relative flex items-center justify-center h-32 sm:h-36 ${
canExpand ? 'w-full' : 'w-56 sm:w-72'
} p-8 shadow transition ease-in-out duration-300 cursor-pointer transform-gpu ring-1 ${
isHovered
? 'bg-gray-700 scale-105 ring-gray-500 bg-opacity-100'
: 'bg-gray-800 scale-100 ring-gray-700 bg-opacity-80'