From 7ecfb55a2df67759ca69f7cba5f11c13f3b9cd8d Mon Sep 17 00:00:00 2001
From: Philippe Loctaux <p@philippeloctaux.com>
Date: Sat, 3 Jun 2023 02:18:19 +0200
Subject: [PATCH] experience card: inline css for logo

---
 src/components/experience-card.astro | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/experience-card.astro b/src/components/experience-card.astro
index 8b6a15f..a391aed 100644
--- a/src/components/experience-card.astro
+++ b/src/components/experience-card.astro
@@ -23,11 +23,6 @@ const {
     image,
     tech,
 } = Astro.props;
-
-// Define how to display logo
-const logoCss = `h-16 w-16 rounded-xl mr-4 ${
-    logoTransparentBackground === true ? "p-2 bg-white" : ""
-}`;
 ---
 
 <div class={`${image ? `2xl:flex ${image.rightPosition ? "2xl:flex-row-reverse" : "" } items-stretch justify-between` : "" } w-full rounded-2xl ${backgroundColor}`}>
@@ -38,7 +33,7 @@ const logoCss = `h-16 w-16 rounded-xl mr-4 ${
     <div class=`p-6 ${image ? "flex flex-col grow-0" : ""} justify-between h-full`>
         <div class="flex flex-col">
             <div class="flex flex-row">
-                {logo && <img loading="lazy" src={logo} class={logoCss} />}
+                {logo && <img loading="lazy" src={logo} class={`h-16 w-16 rounded-xl mr-4 ${logoTransparentBackground === true ? "p-2 bg-white" : ""}`} />}
                 <div class="flex flex-col justify-evenly">
                     <div class="text-xl md:text-2xl font-semibold">{name}</div>
                     <div class="text-xs md:text-sm">{dates}</div>