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

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

@ -25,11 +25,9 @@
}
.image {
img {
width: 175px !important;
height: 175px;
}
}
:global(.item-image-placeholder) {
width: 175px !important;
@ -45,11 +43,9 @@
}
.image {
img {
width: 200px !important;
height: 200px;
}
}
:global(.item-image-placeholder) {
width: 200px !important;
@ -65,11 +61,9 @@
}
.image {
img {
width: 225px !important;
height: 225px;
}
}
:global(.item-image-placeholder) {
width: 225px !important;
@ -85,11 +79,9 @@
}
.image {
img {
width: 250px !important;
height: 250px;
}
}
:global(.item-image-placeholder) {
width: 250px !important;
@ -124,9 +116,8 @@
}
.image {
img {
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)'}