Some css fixes.
Scale chat panel size to viewport height, fit message field to width.
This commit is contained in:
parent
612fb18367
commit
ecb8acb155
1 changed files with 6 additions and 1 deletions
|
@ -30,6 +30,11 @@
|
||||||
|
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
.chat-window {
|
||||||
|
max-height: 80vh;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
.chat-message {
|
.chat-message {
|
||||||
padding: 0.2em 0.5em
|
padding: 0.2em 0.5em
|
||||||
}
|
}
|
||||||
|
@ -47,7 +52,7 @@
|
||||||
flex: auto;
|
flex: auto;
|
||||||
input {
|
input {
|
||||||
margin: 0.5em;
|
margin: 0.5em;
|
||||||
width: 100%;
|
width: fill-available;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue