From 3a1e3e82e795793696aeb2b63746edbf2cf7d007 Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Thu, 8 May 2025 05:15:11 -0500
Subject: [PATCH] fix: notification text's color (#18151)
---
.../notification/notification-card.svelte | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/web/src/lib/components/shared-components/notification/notification-card.svelte b/web/src/lib/components/shared-components/notification/notification-card.svelte
index 30c8622bba..48a2159b9a 100644
--- a/web/src/lib/components/shared-components/notification/notification-card.svelte
+++ b/web/src/lib/components/shared-components/notification/notification-card.svelte
@@ -1,5 +1,5 @@
<script lang="ts">
- import { fade } from 'svelte/transition';
+ import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
import Icon from '$lib/components/elements/icon.svelte';
import {
isComponentNotification,
@@ -8,10 +8,10 @@
type ComponentNotification,
type Notification,
} from '$lib/components/shared-components/notification/notification';
- import { onMount } from 'svelte';
import { mdiCloseCircleOutline, mdiInformationOutline, mdiWindowClose } from '@mdi/js';
- import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
+ import { onMount } from 'svelte';
import { t } from 'svelte-i18n';
+ import { fade } from 'svelte/transition';
interface Props {
notification: Notification | ComponentNotification;
@@ -100,7 +100,7 @@
/>
</div>
- <p class="whitespace-pre-wrap ps-[28px] pe-[16px] text-sm" data-testid="message">
+ <p class="whitespace-pre-wrap ps-[28px] pe-[16px] text-sm text-light" data-testid="message">
{#if isComponentNotification(notification)}
<notification.component.type {...notification.component.props} />
{:else}