[backport core/1.40] fix: make HoneyToast responsive on small screens (#9593)

Backport of #9429 to `core/1.40`

Automatically created by backport workflow.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-9593-backport-core-1-40-fix-make-HoneyToast-responsive-on-small-screens-31d6d73d3650817eb732c21f8fcc6b5e)
by [Unito](https://www.unito.io)

Co-authored-by: Christian Byrne <cbyrne@comfy.org>

src/components/honeyToast/HoneyToast.vue

@@ -26,13 +26,15 @@ function toggle() {
         v-if="visible"
         role="status"
         aria-live="polite"
-        class="fixed inset-x-0 bottom-6 z-9999 mx-auto max-w-3xl overflow-hidden rounded-lg border border-border-default bg-base-background shadow-lg min-w-0 w-min transition-all duration-300"
+        class="fixed inset-x-4 bottom-6 z-9999 mx-auto w-auto max-w-3xl overflow-hidden rounded-lg border border-border-default bg-base-background shadow-lg transition-all duration-300 sm:inset-x-0 sm:w-min sm:min-w-0"
       >
         <div
           :class="
             cn(
               'overflow-hidden transition-all duration-300 min-w-0 max-w-full',
-              isExpanded ? 'w-[max(400px,40vw)] max-h-100' : 'w-0 max-h-0'
+              isExpanded
+                ? 'w-full max-h-100 sm:w-[max(400px,40vw)]'
+                : 'w-0 max-h-0'
             )
           "
         >