diff --git a/src/views/chat.vue b/src/views/chat.vue
index a0bd517..62d2134 100644
--- a/src/views/chat.vue
+++ b/src/views/chat.vue
@@ -16,15 +16,18 @@
-->
-
-
{{group[0].sender}}
-
-
-
-
-
+
+
{{getDate(timeGroup[0].origin_server_ts)}}
+
+
{{group[0].sender}}
+
+
+
+
+
+
@@ -57,8 +60,7 @@ export default {
},
methods:{
scrollToBottom(){
- let msgContainer = document.getElementById("messagesContainer")
- msgContainer.scrollTo(0, msgContainer.scrollHeight)
+ this.$nextTick(() => this.$refs.msgContainer.scrollTop = this.$refs.msgContainer.scrollHeight);
},
getTime(time){
let date = new Date(time);
@@ -148,6 +150,18 @@ export default {
width: 3rem;
}
.username{
- margin-left: 3rem;
+ margin-left: 1rem;
+}
+.time{
+ top: 0.25rem;
+ position: sticky;
+ z-index: 100;
+ background-color: #2d2d2d;
+ padding: 0.5rem;
+ border-radius: 0.5rem;
+ width: fit-content;
+ left: 50%;
+ transform: translate(-50%,0);
+ margin-top: 0.5rem;
}
diff --git a/src/views/login.vue b/src/views/login.vue
index 1970b41..726b78e 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -43,7 +43,7 @@ export default {
}
matrix.login(this.user, this.password, this.homeServer, (error) => {
this.loginError = `login failed: ${error}`;
- }, (token)=> {
+ }, token => {
let cookie = new cookieHandler();
cookie.setCookie({
baseUrl: this.homeServer,