Don't provide empty background image url if not set

linkdotnet · Jun 26, 2024 · a96f65f · a96f65f
1 parent 0dea3a4
commit a96f65f
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/LinkDotNet.Blog.Web/Features/Home/Components/IntroductionCard.razor b/src/LinkDotNet.Blog.Web/Features/Home/Components/IntroductionCard.razor
@@ -2,7 +2,7 @@
 @inject IOptions<Introduction> Introduction
 @inject IOptions<Social> Social
 
-<div style="--profile-background: url(@Introduction.Value.BackgroundUrl)" class="@IntroductionClass">
+<div style="@IntroductionStyle" class="@IntroductionClass">
     <div class="introduction-container">
         <div class="profile-picture" style="--profile-image: url(@Introduction.Value.ProfilePictureUrl)">
         </div>
@@ -16,4 +16,8 @@
     private string IntroductionClass => !string.IsNullOrEmpty(Introduction.Value.BackgroundUrl)
         ? "introduction-background"
         : string.Empty;
+
+    private string IntroductionStyle => !string.IsNullOrEmpty(Introduction.Value.BackgroundUrl)
+		? $"-profile-background: url({Introduction.Value.BackgroundUrl})"
+		: string.Empty;
 }