antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-02 10:53:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Remove custom image component for grid images

Browse source
This commit is contained in:
jeffvli 2023-02-06 01:57:49 -08:00
parent 757eddd6f1
commit eedcef8f52
2 changed files with 4 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/renderer/components/virtual-grid/grid-card/default-card.tsx
View file

@ -1,7 +1,6 @@
import { Center } from '@mantine/core';
import { RiAlbumFill } from 'react-icons/ri';
import { generatePath, useNavigate } from 'react-router';
import { SimpleImg } from 'react-simple-img';
import type { ListChildComponentProps } from 'react-window';
import styled from 'styled-components';
import type { CardRow, CardRoute, Play, PlayQueueAddOptions } from '/@/renderer/types';
@ -78,7 +77,8 @@ const ImageSection = styled.div<{ size?: number }>`
}
`;
const Image = styled(SimpleImg)`
const Image = styled.img`
object-fit: cover;
border-radius: var(--card-default-radius);
box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 20%);
`;
@ -156,9 +156,7 @@ export const DefaultCard = ({
<ImageSection size={itemWidth}>
{data?.imageUrl ? (
<Image
animationDuration={0.3}
height={cardSize}
imgStyle={{ objectFit: 'cover' }}
placeholder={data?.imagePlaceholderUrl || 'var(--card-default-bg)'}
src={data?.imageUrl}
width={cardSize}