AkkomaGang/akkoma-fe
4
13
Fork 58
Code Issues 75 Pull requests 14 Projects Releases 1 Wiki Activity

clean up UserCard css

Browse source
This commit is contained in:
taehoon 2019-04-25 23:35:11 -04:00
parent dbe2decc59
commit 0fc154d9d4
1 changed files with 4 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/user_card/user_card.vue
View file

@ -46,7 +46,7 @@
</div> </div>
</div> </div>
<div v-if="loggedIn && isOtherUser" class="user-interactions"> <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"> <button @click="unfollowUser" class="pressed" :disabled="followRequestInProgress" :title="$t('user_card.follow_unfollow')" v-if="user.following">
<template v-if="followRequestInProgress"> <template v-if="followRequestInProgress">
{{ $t('user_card.follow_progress') }} {{ $t('user_card.follow_progress') }}
@ -75,7 +75,7 @@
{{ $t('user_card.subscribed') }} {{ $t('user_card.subscribed') }}
</ProgressButton> </ProgressButton>
</div> </div>
<div class='mute'> <div>
<span v-if='user.muted'> <span v-if='user.muted'>
<button @click="unmuteUser" class="pressed"> <button @click="unmuteUser" class="pressed">
{{ $t('user_card.muted') }} {{ $t('user_card.muted') }}
@ -87,7 +87,7 @@
</button> </button>
</span> </span>
</div> </div>
<div class='block'> <div>
<span v-if='user.statusnet_blocking'> <span v-if='user.statusnet_blocking'>
<button @click="unblockUser" class="pressed"> <button @click="unblockUser" class="pressed">
{{ $t('user_card.blocked') }} {{ $t('user_card.blocked') }}
@ -364,26 +364,15 @@
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
justify-content: space-between; justify-content: space-between;
margin-right: -.75em; margin-right: -.75em;
div { > div {
flex: 1 0 0; flex: 1 0 0;
margin-right: .75em; margin-right: .75em;
margin-bottom: .6em; margin-bottom: .6em;
white-space: nowrap; white-space: nowrap;
} }
.mute {
max-width: 220px;
min-height: 28px;
}
.follow {
max-width: 220px;
min-height: 28px;
}
button { button {
width: 100%; width: 100%;
height: 100%; height: 100%;