From 3c45f9f511dcd8b709a3632c8cfbcdcd5fd49150 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Thu, 16 Jul 2026 02:18:54 -0400
Subject: [PATCH] refac

---
 src/lib/components/chat/MessageInput.svelte   |  4 +---
 .../chat/Settings/Notifications.svelte        | 22 +++----------------
 2 files changed, 4 insertions(+), 22 deletions(-)

diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index 85b47f2f6f..3e4c7fb086 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -1408,9 +1408,7 @@
 						{/if}
 
 						{#if showStatusPanel}
-							<div
-								class="mx-1 mb-1 rounded-2xl border border-gray-50 bg-white text-xs dark:border-gray-850 dark:bg-gray-900"
-							>
+							<div class="mx-1 rounded-2xl bg-white text-xs dark:bg-gray-900">
 								<div class="flex items-center justify-between px-3 py-1.5">
 									<div class="flex items-center gap-1.5 text-xs text-gray-700 dark:text-gray-300">
 										<span>Status</span>
diff --git a/src/lib/components/chat/Settings/Notifications.svelte b/src/lib/components/chat/Settings/Notifications.svelte
index 9000691ad0..b3b802b04d 100644
--- a/src/lib/components/chat/Settings/Notifications.svelte
+++ b/src/lib/components/chat/Settings/Notifications.svelte
@@ -248,7 +248,9 @@
 								.filter((event) => target.events.includes(event.event))
 								.map((event) => event.label)
 								.join(', ')}
-							<div class="notification-target-row">
+							<div
+								class="flex items-center gap-3 border-b border-gray-100/50 px-1 py-1.5 last:border-b-0 dark:border-white/[0.03]"
+							>
 								<div class="min-w-0 flex-1">
 									<div class="flex min-w-0 items-center gap-2">
 										<span class="truncate text-[0.71875rem] text-gray-700 dark:text-gray-300">
@@ -429,21 +431,3 @@
 		</div>
 	</div>
 </Modal>
-
-<style>
-	.notification-target-row {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		padding: 0.375rem 0.25rem;
-		border-bottom: 1px solid rgb(229 231 235 / 0.7);
-	}
-
-	.notification-target-row:last-child {
-		border-bottom: none;
-	}
-
-	:global(.dark) .notification-target-row {
-		border-bottom-color: rgb(255 255 255 / 0.06);
-	}
-</style>