style(catalog post): improve hidden thumbnail color

This commit is contained in:
Tom (plebeius.eth)
2024-06-15 09:15:07 +02:00
parent 2c1ea475df
commit ca5c08a3f9
2 changed files with 3 additions and 3 deletions
@@ -20,10 +20,10 @@
opacity: 0.5; opacity: 0.5;
} }
.blackThumbnail { .hiddenThumbnail {
width: 150px; width: 150px;
height: 150px; height: 150px;
background-color: black; background-color: var(--media-thumbnail-background-color);
display: inline-block; display: inline-block;
} }
+1 -1
View File
@@ -175,7 +175,7 @@ const CatalogPost = ({ post }: { post: Comment }) => {
<div onMouseOver={() => setHoveredCid(isDescription ? 'd' : isRules ? 'r' : cid)} onMouseLeave={() => setHoveredCid(null)}> <div onMouseOver={() => setHoveredCid(isDescription ? 'd' : isRules ? 'r' : cid)} onMouseLeave={() => setHoveredCid(null)}>
{hidden ? ( {hidden ? (
<Link to={postLink}> <Link to={postLink}>
<span className={`${styles.blackThumbnail} ${styles.hidden}`} /> <span className={styles.hiddenThumbnail} />
</Link> </Link>
) : hasThumbnail ? ( ) : hasThumbnail ? (
<Link to={postLink}> <Link to={postLink}>