pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace header with regular image

Browse source
This commit is contained in:
jeffvli 2023-08-06 12:02:13 -07:00
parent 23e791c829
commit 3d1f36e85a
2 changed files with 11 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/renderer/features/shared/components/library-header.module.scss
View file

@ -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 {

3
src/renderer/features/shared/components/library-header.tsx
View file

@ -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(
<div className={styles.backgroundOverlay} />
<div className={styles.imageSection}>
{imageUrl ? (
<SimpleImg
<img
alt="cover"
className={styles.image}
placeholder={imagePlaceholderUrl || 'var(--placeholder-bg)'}