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