Create GUI for onionshare chat mode with the tab workflow

This commit is contained in:
Saptak S 2020-03-09 17:44:00 +05:30
parent ec7a969dde
commit bc3df3319a
8 changed files with 214 additions and 2 deletions

View file

@ -130,6 +130,26 @@ table.file-list td:last-child {
width: 100%;
}
.chat-wrapper {
display: flex;
flex-direction: column;
margin: 0 1rem;
height: calc(100vh - (45px + 2em));
}
.chat-wrapper #chat {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
flex: 1;
overflow: auto;
background: #f2f2f2;
padding: 0 1rem;
}
.chat-wrapper .chat-form {
display: flex;
}
.upload-wrapper {
align-items: center;
justify-content: center;

View file

@ -6,7 +6,6 @@ $(function(){
socket.emit('joined', {});
});
socket.on('status', function(data) {
console.log("received")
$('#chat').append('<p><small><i>' + data.msg + '</i></small></p>');
$('#chat').scrollTop($('#chat')[0].scrollHeight);
});