nilsjohan/recipe-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance PantryList and BaslagerPage to support inventory display and improve recipe grid layout

Browse Source
This commit is contained in:
Nils-Johan Gynther
2026-04-16 18:44:44 +02:00
parent 1ddce5f48c
commit 66003f2485
6 changed files with 106 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app/recipes/RecipeGrid.tsx
+8 -2
View File
@@ -103,7 +103,7 @@ export default function RecipeGrid({ recipes }: { recipes: Recipe[] }) {
) : (
<RecipePlaceholder name={recipe.name} />
)}
<div style={{ padding: '0.75rem 1rem' }}>
<div style={{ padding: '0.75rem 1rem 0.85rem' }}>
<h3
style={{
margin: 0,
@@ -119,7 +119,7 @@ export default function RecipeGrid({ recipes }: { recipes: Recipe[] }) {
{recipe.description && (
<p
style={{
margin: '0.25rem 0 0',
margin: '0.25rem 0 0.5rem',
fontSize: '0.85rem',
color: '#868e96',
overflow: 'hidden',
@@ -131,6 +131,12 @@ export default function RecipeGrid({ recipes }: { recipes: Recipe[] }) {
{recipe.description}
</p>
)}
<div style={{ display: 'flex', gap: '0.75rem', marginTop: recipe.description ? 0 : '0.4rem', fontSize: '0.78rem', color: '#adb5bd' }}>
{recipe.ingredients?.length > 0 && (
<span>{recipe.ingredients.length} ingredienser</span>
)}
<span>{new Date(recipe.createdAt).toLocaleDateString('sv-SE')}</span>
</div>
</div>
</div>
</Link>