diff options
author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2018-12-04 02:00:30 +0100 |
---|---|---|
committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2018-12-04 19:20:02 +0100 |
commit | 8bb2dadb75b5944c5c6882ba39a749844271d59a (patch) | |
tree | 504427212e7add70b822e35e5571601615338f1b | |
parent | f7b2875b1cd74283bef0eed5744073d3040825ee (diff) |
Add first emptycontent illustration
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
-rw-r--r-- | css/style.css | 12 | ||||
-rw-r--r-- | src/components/Composer.vue | 2 | ||||
-rw-r--r-- | src/views/Timeline.vue | 5 |
3 files changed, 16 insertions, 3 deletions
diff --git a/css/style.css b/css/style.css index e69de29b..caec7eef 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,12 @@ +.app-social #emptycontent, +.app-social .emptycontent { + margin-top: 5vh; +} + +.app-social #emptycontent .icon-illustration, +.app-social .emptycontent .icon-illustration { + height: 256px; + width: 256px; + margin: 0; + opacity: 1; +} diff --git a/src/components/Composer.vue b/src/components/Composer.vue index 11f20a0e..1bdb78b6 100644 --- a/src/components/Composer.vue +++ b/src/components/Composer.vue @@ -33,7 +33,7 @@ <vue-tribute :options="tributeOptions"> <!-- eslint-disable-next-line vue/valid-v-model --> <div v-contenteditable:post.dangerousHTML="canType" ref="composerInput" class="message" - placeholder="Share a thought…" @keyup.enter="keyup" /> + placeholder="What would you like to share?" @keyup.enter="keyup" /> </vue-tribute> <emoji-picker ref="emojiPicker" :search="search" class="emoji-picker-wrapper" @emoji="insert"> diff --git a/src/views/Timeline.vue b/src/views/Timeline.vue index d719c04f..dd5016ea 100644 --- a/src/views/Timeline.vue +++ b/src/views/Timeline.vue @@ -18,8 +18,9 @@ <div slot="no-more"><div class="list-end" /></div> <div slot="no-results"> <div id="emptycontent"> - <div class="icon-social" /> - <h2>{{ t('social', 'No posts found.') }}</h2> + <img class="icon-illustration" src="../../img/undraw/posts.svg" alt="" /> + <h2>{{ t('social', 'No posts found') }}</h2> + <p>{{ t('social', 'Posts from people you follow will show up here') }}</p> </div> </div> </infinite-loading> |