diff --git a/src/components/QRCodePopup.vue b/src/components/QRCodePopup.vue
new file mode 100644
index 0000000..be11bec
--- /dev/null
+++ b/src/components/QRCodePopup.vue
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
{{ $t("room_info.scan_code") }}
+
+
+
+
+
+
diff --git a/src/components/RoomInfo.vue b/src/components/RoomInfo.vue
index 5f4b335..b296906 100644
--- a/src/components/RoomInfo.vue
+++ b/src/components/RoomInfo.vue
@@ -40,7 +40,12 @@
-
+
{{ publicRoomLink }}
@@ -185,6 +190,9 @@
:room="room"
@close="showPurgeConfirmation = false"
/>
+
+
+
@@ -194,6 +202,7 @@ import PurgeRoomDialog from "../components/PurgeRoomDialog";
import DeviceList from "../components/DeviceList";
import QRCode from "qrcode";
import roomInfoMixin from "./roomInfoMixin";
+import QRCodePopup from './QRCodePopup.vue';
export default {
name: "RoomInfo",
@@ -202,6 +211,7 @@ export default {
LeaveRoomDialog,
PurgeRoomDialog,
DeviceList,
+ QRCodePopup,
},
data() {
return {
@@ -211,6 +221,7 @@ export default {
showAllMembers: false,
showLeaveConfirmation: false,
showPurgeConfirmation: false,
+ showFullScreenQR: false,
expandedMembers: [],
buildVersion: "",
updatingJoinRule: false, // Flag if we are processing update curerntly
diff --git a/src/components/messages/MessageIncoming.vue b/src/components/messages/MessageIncoming.vue
index 14ab8e9..f328848 100644
--- a/src/components/messages/MessageIncoming.vue
+++ b/src/components/messages/MessageIncoming.vue
@@ -1,13 +1,18 @@
+
+
{{ messageEventDisplayName(event) }}
+
+ {{ formatTime(event.event.origin_server_ts) }}
+
+
{{
messageEventDisplayName(event).substring(0, 1).toUpperCase()
}}
-
@@ -15,12 +20,7 @@
>more_vert
-
-
{{ messageEventDisplayName(event) }}
-
- {{ formatTime(event.event.origin_server_ts) }}
-
-
+
diff --git a/src/components/messages/MessageOutgoing.vue b/src/components/messages/MessageOutgoing.vue
index 5ec56cd..f40f520 100644
--- a/src/components/messages/MessageOutgoing.vue
+++ b/src/components/messages/MessageOutgoing.vue
@@ -1,12 +1,19 @@
+
+
+ {{ formatTime(event.event.origin_server_ts) }}
+
+
{{ event.status }}
+
+
+
more_vert
-
{{ userAvatarLetter }}
-
-
-
- {{ formatTime(event.event.origin_server_ts) }}
-
-
{{ event.status }}
-