fix: add hover to recipe card (#843) (#1119)

Signed-off-by: lstocchi <lstocchi@redhat.com>
containers · May 27, 2024 · 10d76d9 · 10d76d9
1 parent 27091ff
commit 10d76d9
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/frontend/src/lib/RecipeCard.svelte b/packages/frontend/src/lib/RecipeCard.svelte
@@ -4,6 +4,7 @@ import Card from '/@/lib/Card.svelte';
 import type { Recipe } from '@shared/src/models/IRecipe';
 
 export let background: string = 'bg-charcoal-700';
+export let backgroundHover: string = 'hover:bg-charcoal-500';
 
 export let recipe: Recipe;
 export let displayDescription: boolean = true;
@@ -14,4 +15,4 @@ export let displayDescription: boolean = true;
   title="{recipe.name}"
   description="{displayDescription ? recipe.description : ''}"
   icon="{getIcon(recipe.icon)}"
-  classes="{background} flex-grow p-4 h-full" />
+  classes="{background} {backgroundHover} flex-grow p-4 h-full" />