Briq
/
multiparty-meeting
7
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Use tabs for stylus file

master
Torjus 2018-07-31 12:59:59 +02:00
parent 5ac91a2528
commit 60c6221af7
3 changed files with 53 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/lib/components/Chat/Chat.jsx
View File

@ -21,7 +21,6 @@ class Chat extends Component
return ( return (
<div data-component='Chat'> <div data-component='Chat'>
<MessageList /> <MessageList />
<form <form
data-component='Sender' data-component='Sender'
onSubmit={(e) => { onSendMessage(e, displayName, picture); }} onSubmit={(e) => { onSendMessage(e, displayName, picture); }}

2
app/lib/components/Chat/MessageList.jsx
View File

@ -52,7 +52,7 @@ class MessageList extends Component
const picture = (message.sender === 'response' ? const picture = (message.sender === 'response' ?
message.picture : this.props.myPicture) || 'resources/images/avatar-empty.jpeg'; message.picture : this.props.myPicture) || 'resources/images/avatar-empty.jpeg';
return ( return (
<div className='message' key={i}> <div className='message' key={i}>
<div className={message.sender}> <div className={message.sender}>

104
app/stylus/components/FileSharing.styl
View File

@ -1,61 +1,61 @@
[data-component='FileSharing'] { [data-component='FileSharing'] {
> .sharing-toolbar { > .sharing-toolbar {
> .share-file { > .share-file {
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
background: #252525; background: #252525;
border: 1px solid #151515; border: 1px solid #151515;
padding: 1rem; padding: 1rem;
border-bottom: 5px solid #151515; border-bottom: 5px solid #151515;
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
} }
} }
> .shared-files { > .shared-files {
> .file-entry { > .file-entry {
background-color: rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.1);
border-radius: 5px; border-radius: 5px;
width: 100%; width: 100%;
padding: 0.5rem; padding: 0.5rem;
display: flex; display: flex;
margin-top: 0.5rem; margin-top: 0.5rem;
> .file-avatar { > .file-avatar {
height: 2rem; height: 2rem;
border-radius: 50%; border-radius: 50%;
} }
> .file-content { > .file-content {
flex-grow: 1; flex-grow: 1;
padding-left: 0.5rem; padding-left: 0.5rem;
> p:not(:first-child) { > p:not(:first-child) {
margin-top: 0.5rem; margin-top: 0.5rem;
} }
> .file-info { > .file-info {
display: flex; display: flex;
padding-top: 0.5rem; padding-top: 0.5rem;
align-items: center; align-items: center;
> .button { > .button {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
background: #252525; background: #252525;
border: 1px solid #151515; border: 1px solid #151515;
padding: 0.3rem; padding: 0.3rem;
border-bottom: 5px solid #151515; border-bottom: 5px solid #151515;
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
} }
> p { > p {
flex-grow: 1; flex-grow: 1;
padding-left: 0.5rem; padding-left: 0.5rem;
} }
} }
} }
} }
} }
} }