diff options
Diffstat (limited to 'src/components/timeline/timeline.vue')
| -rw-r--r-- | src/components/timeline/timeline.vue | 33 |
1 files changed, 32 insertions, 1 deletions
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index a9162120..bf64b935 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -1,5 +1,5 @@ <template> - <div class="timeline panel panel-default"> + <div class="timeline panel panel-default" v-if="viewing == 'statuses'"> <div class="panel-heading timeline-heading base01-background base04"> <div class="title"> {{title}} @@ -24,6 +24,30 @@ </div> </div> </div> + <div class="timeline panel panel-default" v-else-if="viewing == 'followers'"> + <div class="panel-heading timeline-heading base01-background base04"> + <div class="title"> + Followers + </div> + </div> + <div class="panel-body"> + <div class="timeline"> + <user-card v-for="follower in followers" :user="follower" :showFollows="false"></user-card> + </div> + </div> + </div> + <div class="timeline panel panel-default" v-else-if="viewing == 'friends'"> + <div class="panel-heading timeline-heading base01-background base04"> + <div class="title"> + Following + </div> + </div> + <div class="panel-body"> + <div class="timeline"> + <user-card v-for="friend in friends" :user="friend" :showFollows="true"></user-card> + </div> + </div> + </div> </template> <script src="./timeline.js"></script> @@ -65,6 +89,13 @@ } } + .avatar { + padding-top: 0.3em; + width:32px; + height: 32px; + border-radius: 50%; + } + .new-status-notification { position:relative; |