diff --git a/app/lib/components/FileSharing/SharedFilesList.jsx b/app/lib/components/FileSharing/SharedFilesList.jsx
index 9b2b6ce..28fc6b1 100644
--- a/app/lib/components/FileSharing/SharedFilesList.jsx
+++ b/app/lib/components/FileSharing/SharedFilesList.jsx
@@ -13,14 +13,21 @@ class SharedFilesList extends Component
{
render()
{
+ const { sharing } = this.props;
+
return (
- {this.props.sharing.map((entry, i) => (
-
- ))}
+ { sharing.length > 0 ?
+ sharing.map((entry, i) => (
+
+ ))
+ :
+
No one has shared files yet...
+
+ }
);
}
diff --git a/app/stylus/components/FileSharing.styl b/app/stylus/components/FileSharing.styl
index 9687c00..1bf88fa 100644
--- a/app/stylus/components/FileSharing.styl
+++ b/app/stylus/components/FileSharing.styl
@@ -20,7 +20,7 @@
> .shared-files {
flex-grow: 1;
- overflow-y: scroll;
+ overflow-y: auto;
margin-top: 0.5rem;
> .file-entry {
@@ -75,6 +75,23 @@
}
}
}
+
+ > .empty {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding-top: 20vmin;
+
+ > p {
+ padding: 6px 12px;
+ border-radius: 6px;
+ user-select: none;
+ pointer-events: none;
+ font-size: 20px;
+ color: #000;
+ }
+ }
}
}
diff --git a/app/stylus/components/ParticipantList.styl b/app/stylus/components/ParticipantList.styl
index 2782533..06ea717 100644
--- a/app/stylus/components/ParticipantList.styl
+++ b/app/stylus/components/ParticipantList.styl
@@ -1,9 +1,10 @@
[data-component='ParticipantList'] {
width: 100%;
+ overflow-y: auto;
+ padding: 6px;
> .list {
- box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), \
- 0 4px 20px 0 rgba(0,0,0,0.19);
+ box-shadow: 0 2px 5px 2px rgba(0,0,0,0.2);
background-color: #fff;
> .list-header {
@@ -22,7 +23,7 @@
}
&.selected {
- border-bottom-color: #377EFF;
+ background-color: #377eff;
}
}
}
diff --git a/app/stylus/components/ToolArea.styl b/app/stylus/components/ToolArea.styl
index ac78300..a2a8fd8 100644
--- a/app/stylus/components/ToolArea.styl
+++ b/app/stylus/components/ToolArea.styl
@@ -202,5 +202,6 @@
padding: 0.5rem;
display: flex;
flex-direction: column;
+ min-height: 0;
}
}