diff --git a/src/renderer/features/shared/components/library-header.module.scss b/src/renderer/features/shared/components/library-header.module.scss index b82f53e2..d6dd8e6f 100644 --- a/src/renderer/features/shared/components/library-header.module.scss +++ b/src/renderer/features/shared/components/library-header.module.scss @@ -25,10 +25,8 @@ } .image { - img { - width: 175px !important; - height: 175px; - } + width: 175px !important; + height: 175px; } :global(.item-image-placeholder) { @@ -45,10 +43,8 @@ } .image { - img { - width: 200px !important; - height: 200px; - } + width: 200px !important; + height: 200px; } :global(.item-image-placeholder) { @@ -65,10 +61,8 @@ } .image { - img { - width: 225px !important; - height: 225px; - } + width: 225px !important; + height: 225px; } :global(.item-image-placeholder) { @@ -85,10 +79,8 @@ } .image { - img { - width: 250px !important; - height: 250px; - } + width: 250px !important; + height: 250px; } :global(.item-image-placeholder) { @@ -124,9 +116,8 @@ } .image { - img { - object-fit: cover; - } + object-fit: cover; + border-radius: 5px; } .background { diff --git a/src/renderer/features/shared/components/library-header.tsx b/src/renderer/features/shared/components/library-header.tsx index 3fc6a961..ecf6c9b1 100644 --- a/src/renderer/features/shared/components/library-header.tsx +++ b/src/renderer/features/shared/components/library-header.tsx @@ -1,7 +1,6 @@ import { Group } from '@mantine/core'; import { forwardRef, ReactNode, Ref } from 'react'; import { Link } from 'react-router-dom'; -import { SimpleImg } from 'react-simple-img'; import styles from './library-header.module.scss'; import { LibraryItem } from '/@/renderer/api/types'; import { Text } from '/@/renderer/components'; @@ -33,7 +32,7 @@ export const LibraryHeader = forwardRef(