KevinMidboe/vinlottis
1
0
Fork 0
Code Issues 8 Pull Requests 14 Packages Projects Releases Wiki Activity

Doesn't keep its own header and set max-height.

Browse Source
This commit is contained in:
Kevin
2020-12-31 17:24:37 +01:00
parent e61a6c0432
commit 8275292526
1 changed files with 1 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/ui/Chat.vue
View File

@@ -1,7 +1,5 @@
<template> <template>
<div class="chat-container"> <div class="chat-container">
<hr />
<h2>Chat</h2>
<div class="history" ref="history" v-if="chatHistory.length > 0"> <div class="history" ref="history" v-if="chatHistory.length > 0">
<div class="opaque-skirt"></div> <div class="opaque-skirt"></div>
<div v-if="hasMorePages" class="fetch-older-history"> <div v-if="hasMorePages" class="fetch-older-history">
@@ -206,26 +204,9 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/styles/media-queries.scss"; @import "@/styles/media-queries.scss";
@import "@/styles/variables.scss"; @import "@/styles/variables.scss";
h2 {
text-align: center;
}
hr {
display: none;
@include mobile {
display: block;
width: 80%;
}
}
.chat-container { .chat-container {
height: 100%;
width: 50%;
position: relative; position: relative;
@include mobile {
width: 100%;
}
} }
input { input {
@@ -241,6 +222,7 @@ input {
height: 75%; height: 75%;
overflow-y: scroll; overflow-y: scroll;
position: relative; position: relative;
max-height: 550px;
&-message { &-message {
display: flex; display: flex;