adb/matrix-chat
adb/matrix-chat
2
3
Fork 1
Code Issues Pull Requests Releases Wiki Activity

ChatInformation fixing menu button

Browse Source
This commit is contained in:
techcrafter 2020-11-08 10:34:25 +01:00
parent 49791b5276
commit cfa47f5ddc
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/chatInformation.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="chatInformation"> <div id="chatInformation">
<h1>open chat</h1> <h1>open chat</h1>
<icon class="closeBtn" onclick="this.parentNode.style.display = 'none'" ic="./sym/ic_close_white_24px.svg" /> <icon class="closeBtn" onclick="this.parentNode.style.display = 'none'" ic="./sym/ic_close_white_24px.svg" />
<div id="box"> <div id="box">
@ -7,7 +7,7 @@
<div class="picBoxBig"><div class="placeholderBig"><p>O P</p></div></div> <div class="picBoxBig"><div class="placeholderBig"><p>O P</p></div></div>
<div class="roomInformation"> <div class="roomInformation">
<div class="roomName">Open Chat room</div> <div class="roomName">Open Chat room</div>
<div class="users">2 members</div> <div class="users">2 members in group</div>
</div> </div>
</div> </div>
<div id="textMembers">Members</div> <div id="textMembers">Members</div>
@ -40,7 +40,7 @@ export default {
</script> </script>
<style scoped> <style scoped>
.chatInformation{ #chatInformation{
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
@ -53,7 +53,7 @@ export default {
text-align: center; text-align: center;
} }
@media (max-width: 30rem) { @media (max-width: 30rem) {
.chatInformation{ #chatInformation{
transform: unset; transform: unset;
top: 0; top: 0;
left: 0; left: 0;