search

mattmezza / vue-beautiful-chat

A simple and beautiful Vue chat component backend agnostic, fully customisable and extendable.
https://matteo.merola.co/vue-beautiful-chat/
MIT License
1.5k stars 441 forks source link

Specifying position and dimensions of the chat window #230

Open dixydo opened 3 years ago

dixydo commented 3 years ago

Is it possible to render chat other than in the right corner? Or is it possible to extend chat window and make it to fill all parent div element?

github-actions[bot] commented 3 years ago

Thanks for opening up your first issue!

a-kriya commented 3 years ago

@yevhenkushnir There isn't a straightforward way to achieve that at the moment. But overriding the positions and dimensions of these components with some deep CSS selectors should work: Launcher.vue#L258 ChatWindow.vue#L157

This will be considered as a feature request. Thanks for filing an issue.

stale[bot] commented 3 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] commented 3 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

1guankui commented 1 year ago

Here's my solution, about size: .sc-chat-window { width: 405px !important; transition: all 0.3s ease; }