fix: toast text overflow (hopefully)

now fixes #91
This commit is contained in:
Maya 2025-07-26 12:59:24 +03:00
parent 3e1dc720ed
commit 9878929b73
No known key found for this signature in database
1 changed files with 2 additions and 2 deletions

View File

@ -51,7 +51,7 @@
</script> </script>
<div <div
class="flex items-center justify-between max-w-sm p-4 gap-4 bg-accent-{color} border-accent-{color}-alt border-l-4 rounded-lg shadow-md" class="flex items-center justify-between max-w-[100%] md:max-w-md p-4 gap-4 bg-accent-{color} border-accent-{color}-alt border-l-4 rounded-lg shadow-md"
in:fly={{ in:fly={{
duration: durations.enter, duration: durations.enter,
easing: quintOut, easing: quintOut,
@ -70,7 +70,7 @@
stroke="2" stroke="2"
fill="none" fill="none"
/> />
<p class="text-black font-normal whitespace-pre-wrap">{message}</p> <p class="text-black font-normal whitespace-pre-wrap break-words">{message}</p>
</div> </div>
<button <button
class="text-gray-600 hover:text-black flex-shrink-0" class="text-gray-600 hover:text-black flex-shrink-0"