fix: recipe cover placeholder icons use solid color, not opacity (v0.51.2)
text-foreground/25 alpha compounded wherever an icon's own stroke paths overlap (chef-hat's brim/band, croissant's curves), reading as a dark blotch instead of an even tint. Swapped to text-muted-foreground — solid, themed, no overlap artifacts. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -2,6 +2,11 @@
|
||||
|
||||
All notable changes to Epicure are documented here. This file is mirrored in-app at `/changelog` (and in the admin dashboard) via `apps/web/lib/changelog.ts` — update both together.
|
||||
|
||||
## 0.51.2 — 2026-07-19 12:20
|
||||
|
||||
### Fixed
|
||||
- Recipe cover placeholder icons now use a solid color instead of a transparent one — the transparency darkened wherever an icon's own strokes overlapped, showing up as an uneven blotch on icons like the chef's hat or croissant.
|
||||
|
||||
## 0.51.1 — 2026-07-19 12:05
|
||||
|
||||
### Added
|
||||
|
||||
@@ -14,7 +14,10 @@ export function RecipeCoverPlaceholder({
|
||||
const { gradient, Icon } = getRecipePlaceholder(recipe);
|
||||
return (
|
||||
<div className={cn("w-full h-full flex items-center justify-center bg-muted bg-gradient-to-br", gradient, className)}>
|
||||
<Icon className={cn("h-10 w-10 text-foreground/25", iconClassName)} strokeWidth={1.5} />
|
||||
{/* Solid color, not opacity — an alpha stroke darkens wherever an
|
||||
icon's own paths overlap (visible on icons like ChefHat/Croissant),
|
||||
reading as an uneven blotch instead of a flat, even tint. */}
|
||||
<Icon className={cn("h-10 w-10 text-muted-foreground", iconClassName)} strokeWidth={1.5} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
// Mirrors CHANGELOG.md at the repo root — update both together.
|
||||
export const APP_VERSION = "0.51.1";
|
||||
export const APP_VERSION = "0.51.2";
|
||||
|
||||
export type ChangelogEntry = {
|
||||
version: string;
|
||||
@@ -11,6 +11,13 @@ export type ChangelogEntry = {
|
||||
};
|
||||
|
||||
export const CHANGELOG: ChangelogEntry[] = [
|
||||
{
|
||||
version: "0.51.2",
|
||||
date: "2026-07-19 12:20",
|
||||
fixed: [
|
||||
"Recipe cover placeholder icons now use a solid color instead of a transparent one — the transparency darkened wherever an icon's own strokes overlapped, showing up as an uneven blotch on icons like the chef's hat or croissant.",
|
||||
],
|
||||
},
|
||||
{
|
||||
version: "0.51.1",
|
||||
date: "2026-07-19 12:05",
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@epicure/web",
|
||||
"version": "0.51.1",
|
||||
"version": "0.51.2",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "epicure",
|
||||
"version": "0.51.1",
|
||||
"version": "0.51.2",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "pnpm --filter web dev",
|
||||
|
||||
Reference in New Issue
Block a user