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 { .image {
img { width: 175px !important;
width: 175px !important; height: 175px;
height: 175px;
}
} }
:global(.item-image-placeholder) { :global(.item-image-placeholder) {
@ -45,10 +43,8 @@
} }
.image { .image {
img { width: 200px !important;
width: 200px !important; height: 200px;
height: 200px;
}
} }
:global(.item-image-placeholder) { :global(.item-image-placeholder) {
@ -65,10 +61,8 @@
} }
.image { .image {
img { width: 225px !important;
width: 225px !important; height: 225px;
height: 225px;
}
} }
:global(.item-image-placeholder) { :global(.item-image-placeholder) {
@ -85,10 +79,8 @@
} }
.image { .image {
img { width: 250px !important;
width: 250px !important; height: 250px;
height: 250px;
}
} }
:global(.item-image-placeholder) { :global(.item-image-placeholder) {
@ -124,9 +116,8 @@
} }
.image { .image {
img { object-fit: cover;
object-fit: cover; border-radius: 5px;
}
} }
.background { .background {

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

@ -1,7 +1,6 @@
import { Group } from '@mantine/core'; import { Group } from '@mantine/core';
import { forwardRef, ReactNode, Ref } from 'react'; import { forwardRef, ReactNode, Ref } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { SimpleImg } from 'react-simple-img';
import styles from './library-header.module.scss'; import styles from './library-header.module.scss';
import { LibraryItem } from '/@/renderer/api/types'; import { LibraryItem } from '/@/renderer/api/types';
import { Text } from '/@/renderer/components'; import { Text } from '/@/renderer/components';
@ -33,7 +32,7 @@ export const LibraryHeader = forwardRef(
<div className={styles.backgroundOverlay} /> <div className={styles.backgroundOverlay} />
<div className={styles.imageSection}> <div className={styles.imageSection}>
{imageUrl ? ( {imageUrl ? (
<SimpleImg <img
alt="cover" alt="cover"
className={styles.image} className={styles.image}
placeholder={imagePlaceholderUrl || 'var(--placeholder-bg)'} placeholder={imagePlaceholderUrl || 'var(--placeholder-bg)'}