diff options
| author | taehoon <th.dev91@gmail.com> | 2019-04-04 16:20:48 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-04-17 11:32:49 -0400 |
| commit | 7f6bd538f3e763c19468a2cf7f6f3cf34645ccb0 (patch) | |
| tree | fc0e25b62cea857482569ec4b4b4d8455e598fd8 /src/components/user_settings/user_settings.vue | |
| parent | c81bde0c1d772078974208551c36d0f52325a12b (diff) | |
ui improvements
Diffstat (limited to 'src/components/user_settings/user_settings.vue')
| -rw-r--r-- | src/components/user_settings/user_settings.vue | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/src/components/user_settings/user_settings.vue b/src/components/user_settings/user_settings.vue index 0f7fd0db..268a0893 100644 --- a/src/components/user_settings/user_settings.vue +++ b/src/components/user_settings/user_settings.vue @@ -200,9 +200,9 @@ <BlockCard slot-scope="row" :userId="row.item"/> </Autosuggest> </div> - <BlockList :refresh="true" :getKey="item => item"> + <BlockList :refresh="true" :getKey="item => item" class="profile-edit-user-list"> <template slot="header" slot-scope="p"> - <div class="bulk-actions-wrapper"> + <div class="profile-edit-bulk-actions"> <ProgressButton class="btn btn-default" v-if="p.selected.length > 0" :click="() => blockUsers(p.selected)"> {{ $t('user_card.block') }} <template slot="progress">{{ $t('user_card.block_progress') }}</template> @@ -224,9 +224,9 @@ <MuteCard slot-scope="row" :userId="row.item"/> </Autosuggest> </div> - <MuteList :refresh="true" :getKey="item => item"> + <MuteList :refresh="true" :getKey="item => item" class="profile-edit-user-list"> <template slot="header" slot-scope="p"> - <div class="bulk-actions-wrapper"> + <div class="profile-edit-bulk-actions"> <ProgressButton class="btn btn-default" v-if="p.selected.length > 0" :click="() => muteUsers(p.selected)"> {{ $t('user_card.mute') }} <template slot="progress">{{ $t('user_card.mute_progress') }}</template> @@ -303,7 +303,11 @@ padding: 1em; } - .bulk-actions-wrapper { + &-user-list { + margin-top: 1.5em; + } + + &-bulk-actions { text-align: right; padding: 0 1em; min-height: 28px; |