diff options
| author | taehoon <th.dev91@gmail.com> | 2019-02-28 22:59:26 -0500 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-03-21 16:19:05 -0400 |
| commit | a6ce191cbcc34f309e9c4d4e3f7e3c11ed020821 (patch) | |
| tree | ca1c8bd9f97baf274afc78b10bca969811f577b0 | |
| parent | 859ed4f34feffd4a975e6d865f82bc57224025f9 (diff) | |
Update MuteCard ui
| -rw-r--r-- | src/components/mute_card/mute_card.vue | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/src/components/mute_card/mute_card.vue b/src/components/mute_card/mute_card.vue index e1bfe20b..a4edff03 100644 --- a/src/components/mute_card/mute_card.vue +++ b/src/components/mute_card/mute_card.vue @@ -1,6 +1,6 @@ <template> <basic-user-card :user="user"> - <template slot="secondary-area"> + <div class="mute-card-content-container"> <button class="btn btn-default" @click="unmuteUser" :disabled="progress" v-if="muted"> <template v-if="progress"> {{ $t('user_card.unmute_progress') }} @@ -17,8 +17,18 @@ {{ $t('user_card.mute') }} </template> </button> - </template> + </div> </basic-user-card> </template> -<script src="./mute_card.js"></script>
\ No newline at end of file +<script src="./mute_card.js"></script> + +<style lang="scss"> +.mute-card-content-container { + margin-top: 0.5em; + text-align: right; + button { + width: 10em; + } +} +</style> |