diff options
| author | taehoon <th.dev91@gmail.com> | 2019-04-25 23:35:11 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-07-10 21:01:07 -0400 |
| commit | 0fc154d9d48caf21981699d46e4e649785877ac2 (patch) | |
| tree | 37afb92f088842214af98065ba4f21b852975e31 /src/components/user_card/user_card.vue | |
| parent | dbe2decc59d9e61a630b242edebe36c0669732c1 (diff) | |
clean up UserCard css
Diffstat (limited to 'src/components/user_card/user_card.vue')
| -rw-r--r-- | src/components/user_card/user_card.vue | 19 |
1 files changed, 4 insertions, 15 deletions
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue index 89b20e77..eedb67b5 100644 --- a/src/components/user_card/user_card.vue +++ b/src/components/user_card/user_card.vue @@ -46,7 +46,7 @@ </div> </div> <div v-if="loggedIn && isOtherUser" class="user-interactions"> - <div class="follow"> + <div> <button @click="unfollowUser" class="pressed" :disabled="followRequestInProgress" :title="$t('user_card.follow_unfollow')" v-if="user.following"> <template v-if="followRequestInProgress"> {{ $t('user_card.follow_progress') }} @@ -75,7 +75,7 @@ {{ $t('user_card.subscribed') }} </ProgressButton> </div> - <div class='mute'> + <div> <span v-if='user.muted'> <button @click="unmuteUser" class="pressed"> {{ $t('user_card.muted') }} @@ -87,7 +87,7 @@ </button> </span> </div> - <div class='block'> + <div> <span v-if='user.statusnet_blocking'> <button @click="unblockUser" class="pressed"> {{ $t('user_card.blocked') }} @@ -364,26 +364,15 @@ display: flex; flex-flow: row wrap; justify-content: space-between; - margin-right: -.75em; - div { + > div { flex: 1 0 0; margin-right: .75em; margin-bottom: .6em; white-space: nowrap; } - .mute { - max-width: 220px; - min-height: 28px; - } - - .follow { - max-width: 220px; - min-height: 28px; - } - button { width: 100%; height: 100%; |