diff options
| author | taehoon <th.dev91@gmail.com> | 2019-03-28 13:48:13 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-05-03 11:40:06 -0400 |
| commit | 01cc7e448093cf8884610a96c7aeb89fb08c7307 (patch) | |
| tree | 8ccd2aa6fd7e94a0c77e03668f4a3a9006f1ad90 | |
| parent | 2e6eab51b8272e3136046544f195253ec6c5841c (diff) | |
modal style improvements
| -rw-r--r-- | src/components/user_reporting_modal/user_reporting_modal.vue | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/src/components/user_reporting_modal/user_reporting_modal.vue b/src/components/user_reporting_modal/user_reporting_modal.vue index b2cb6911..becf882a 100644 --- a/src/components/user_reporting_modal/user_reporting_modal.vue +++ b/src/components/user_reporting_modal/user_reporting_modal.vue @@ -1,7 +1,9 @@ <template> <div class="modal-view" @click="closeModal" v-if="isOpen"> <div class="user-reporting-panel panel" @click.stop=""> - <div class="panel-heading">{{$t('user_reporting.title', [user.screen_name])}}</div> + <div class="panel-heading"> + <div class="title">{{$t('user_reporting.title', [user.screen_name])}}</div> + </div> <div class="panel-body"> <div class="user-reporting-panel-left"> <div> @@ -47,12 +49,17 @@ min-height: 20vh; max-height: 80vh; + .panel-heading { + text-align: center; + } + .panel-body { display: flex; flex-direction: column-reverse; border-top: 1px solid; border-color: $fallback--border; border-color: var(--border, $fallback--border); + overflow: hidden; } &-left { |