clenup

src/components/chatInformation.vue

@@ -11,8 +11,11 @@
         </div>
         <h2 v-if="getMembers().length !== 0">members:</h2>
         <div v-for="member in getMembers().slice(0,20)" :key="member" class="contentBox" :title="member">
-          <userThumbnail :mxcURL="getUser(member).avatarUrl" :fallback="getUser(member).displayName"
-                         class="userThumbnail" :size="3"/>
+          <userThumbnail
+              :mxcURL="getUser(member).avatarUrl"
+              :fallback="getUser(member).displayName"
+              class="userThumbnail" :size="3"
+          />
           <div class="information">
             <div class="userName">{{getUser(member).displayName || member}}</div>
             <div class="status">{{getStatus(getUser(member))}}</div>

src/components/newMessage.vue

@@ -1,10 +1,23 @@
 <template>
     <form class="newMessageBanner" ref="newMessageBanner" v-on:submit.prevent="sendMessage()">
       <label for="newMessageInput"></label>
-      <textarea @keyup.enter.exact="sendMessage()" @input="resizeMessageBanner()" ref="newMessageInput" id="newMessageInput" class="newMessageInput"
-                autocomplete="off" rows="1" placeholder="type a message ..." v-model="msg.content.body" />
-      <icon type="submit" title="press enter to submit" class="sendMessageBtn"
-            ic="./sym/ic_send_white_24px.svg" />
+      <textarea
+          @keyup.enter.exact="sendMessage()"
+          @input="resizeMessageBanner()"
+          v-model="msg.content.body"
+          ref="newMessageInput"
+          id="newMessageInput"
+          class="newMessageInput"
+          autocomplete="off"
+          rows="1"
+          placeholder="type a message ..."
+      />
+      <icon
+          type="submit"
+          title="press enter to submit"
+          class="sendMessageBtn"
+          ic="./sym/ic_send_white_24px.svg"
+      />
     </form>
 </template>
 

src/components/topBanner.vue

@@ -39,7 +39,6 @@ export default {
     getUrl(){
       let avatarState = this.room.getLiveTimeline().getState(sdk.EventTimeline.FORWARDS).getStateEvents("m.room.avatar");
       return avatarState.length>0?avatarState[avatarState.length-1].getContent().url:undefined;
-     //return this.room.getLiveTimeline().getStateEvents("m.room.avatar");
     }
   }
 }

src/components/userThumbnail.vue

@@ -1,6 +1,6 @@
 <template>
-  <img v-if="mxcURL" :src="thumbnailUrl()" class="image"/>
-  <Identicon v-else :value="fallback" :theme="'jdenticon'" :size="this.getFontSize()*this.size" class="identicon"/>
+  <img v-if="mxcURL" :src="thumbnailUrl()" class="userThumbnail image"/>
+  <Identicon v-else :value="fallback" :theme="'jdenticon'" :size="this.getFontSize()*this.size" class="userThumbnail identicon"/>
 </template>
 
 <script>
@@ -41,10 +41,7 @@ export default {
 
 <style scoped lang="scss">
 .userThumbnail{
-  border-radius: 1.5rem;
-  .image{
-    border-radius: 10rem;
-    background-color: unset;
-  }
+  border-radius: 50%;
+  background-color: unset;
 }
 </style>

src/views/rooms.vue

@@ -64,7 +64,6 @@ export default {
     getUrl(room){
       let avatarState = room.getLiveTimeline().getState(sdk.EventTimeline.FORWARDS).getStateEvents("m.room.avatar");
       return avatarState.length>0?avatarState[avatarState.length-1].getContent().url:undefined;
-      //return this.room.getLiveTimeline().getStateEvents("m.room.avatar");
     }
   },
   data(){