fix(ui): update toast layout for proper alignment

RISDEV-4777
digitalservicebund · Sep 8, 2024 · 52b3078 · 52b3078
1 parent f3f274e
commit 52b3078
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/primevue/toast/toast.ts b/src/primevue/toast/toast.ts
@@ -3,7 +3,7 @@ import { tw } from "@/lib/tags.ts";
 
 const toast: ToastPassThroughOptions = {
   message: ({ props }) => {
-    const base = tw`flex flex-row items-center gap-8 border-l-8 p-16`;
+    const base = tw`flex flex-row items-center gap-8 border-l-8 p-16 w-full`;
 
     const severity = props.message?.severity;
 
@@ -24,7 +24,7 @@ const toast: ToastPassThroughOptions = {
   },
 
   messageContent: () => ({
-    class: tw`flex flex-row items-start gap-8`,
+    class: tw`flex flex-row items-start gap-8 w-full justify-between`,
   }),
 
   messageIcon: ({ props }) => {
@@ -49,7 +49,7 @@ const toast: ToastPassThroughOptions = {
   },
 
   messageText: () => ({
-    class: tw`text-black`,
+    class: tw`text-black  flex-grow`,
   }),
 
   summary: () => ({