vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-09 20:29:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

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
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/shared/components/library-header.module.scss
+10 -19
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 {
src/renderer/features/shared/components/library-header.tsx
+1 -2
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)'}