diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/status/status.vue | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 95abdd5b..c215a00b 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -3,7 +3,7 @@ <template v-if="muted"> <div class="media status container muted"> <small><router-link :to="{ name: 'user-profile', params: { id: status.user.id } }">{{status.user.screen_name}}</router-link></small> - <button @click="toggleMute">show</button> + <a href="#" class="unmute" @click.prevent="toggleMute"><i class="icon-eye-off"></i></a> </div> </template> <template v-if="!muted"> @@ -40,11 +40,14 @@ <template v-if="expandable"> - <small> - <a href="#" @click.prevent="toggleExpanded" >Expand</a> + <a href="#" @click.prevent="toggleExpanded" ><i class="icon-plus-squared"></i></a> + </small> + <small v-if="status.user.muted"> + <a href="#" @click.prevent="toggleMute" ><i class="icon-eye-off"></i></a> </small> </template> <small v-if="!status.is_local" class="source_url"> - <a :href="status.external_url" target="_blank" >Source</a> + <a :href="status.external_url" target="_blank" ><i class="icon-binoculars"></i></a> </small> </h4> @@ -139,4 +142,9 @@ .muted button { margin-left: auto; } + + a.unmute { + display: block; + margin-left: auto; + } </style> |