From cc2a2d255cacc09903cf59718e68283809395860 Mon Sep 17 00:00:00 2001
From: PleahMaCaka <pleahmacaka@gmail.com>
Date: Thu, 2 Nov 2023 12:26:38 +0900
Subject: [PATCH] feat(message): gradiant background

---
 .../chat/messages/features/BaseFeatureMessage.svelte   | 10 +++++++++-
 .../chat/messages/features/FeatWeather.svelte          |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/messages/features/BaseFeatureMessage.svelte b/src/lib/components/chat/messages/features/BaseFeatureMessage.svelte
index 1919528..2f02791 100644
--- a/src/lib/components/chat/messages/features/BaseFeatureMessage.svelte
+++ b/src/lib/components/chat/messages/features/BaseFeatureMessage.svelte
@@ -1,8 +1,16 @@
-<div class="feat-bg">
+<script lang="ts">
+  export let gradiant: boolean = false
+</script>
+
+<div class="feat-bg" class:gradiant={gradiant}>
   <slot />
 </div>
 
 <style>
+  .gradiant {
+    background-image: linear-gradient(to bottom right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
+  }
+
   .feat-bg {
     background-color: #F7F7F7;
     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
diff --git a/src/lib/components/chat/messages/features/FeatWeather.svelte b/src/lib/components/chat/messages/features/FeatWeather.svelte
index 0cb7b01..617d6e0 100644
--- a/src/lib/components/chat/messages/features/FeatWeather.svelte
+++ b/src/lib/components/chat/messages/features/FeatWeather.svelte
@@ -32,7 +32,7 @@
     {/if}
   {:then res}
     <div class="appearFromVoid weather-box">
-      <BaseFeatureMessage>
+      <BaseFeatureMessage gradiant={true}>
         {dateClient.getFullMonth()}.{dateClient.getDate()}. {dateClient.getDayOfWeekCurrentKr()}
         요일 {dateClient.getHours()}시 날씨<br />
         <hr class="weather-box-hr" />