fix: fix ui layout when in mobile mode

[LeeeeeeM]

Summary

fix ui layout in mobile mode

1. fix the layout for opening remarks;
2. show ellipsis on mobile devices when the text is too long, only in mobile mode.
3. add class min-h-[50vh] for chat-wrapper

Tip

Fixes #16790

Screenshots

Before	After

Checklist

Important

Please review the checklist below before submitting your pull request.

• This change requires a documentation update, included: Dify Document
• I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!)
• I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change.
• I've updated the documentation accordingly.
• I ran dev/reformat(backend) and cd web && npx lint-staged(frontend) to appease the lint gods

[gdamao]

How to change the css of the button. style invalid <button data-message="YOYOYO" data-variant="ghost-accent" style="white-space: normal;">There are only these attributes, and you can't define the style by yourself.</button>

[gdamao]

const variant = node.properties.dataVariant
const message = node.properties.dataMessage
const link = node.properties.dataLink
const size = node.properties.dataSize
There are only these attributes, and you can't define the style by yourself.