From 59b3dd32acb796bb80deba9b02fe96aaa44e34b5 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Tue, 3 Mar 2026 11:15:08 +0100
Subject: [PATCH] fix(frontend): use semantic class instead of targeting
 Tailwind utility

Replace .tw\:flex CSS selector with a .notification-actions class
in Notification.vue, as suggested in review.
---
 frontend/src/components/misc/Notification.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/misc/Notification.vue b/frontend/src/components/misc/Notification.vue
index b1bb264fc..9b4b65c9d 100644
--- a/frontend/src/components/misc/Notification.vue
+++ b/frontend/src/components/misc/Notification.vue
@@ -41,7 +41,7 @@
 				</div>
 				<div
 					v-if="item.data?.actions?.length > 0"
-					class="tw:flex tw:justify-end tw:gap-2"
+					class="notification-actions tw:flex tw:justify-end tw:gap-2"
 				>
 					<XButton
 						v-for="(action, i) in item.data.actions"
@@ -64,7 +64,7 @@
 	z-index: 9999;
 }
 
-.tw\:flex {
+.notification-actions {
 	margin-block-start: 0.5rem;
 }
 </style>