From 9c8af14908aca2ff278f16c9e71088570f2eb562 Mon Sep 17 00:00:00 2001 From: taehoon Date: Mon, 20 May 2019 16:21:53 -0400 Subject: [PATCH] render modal at the root level using portal --- src/App.vue | 1 + src/components/dialog_modal/dialog_modal.vue | 2 ++ .../moderation_tools/moderation_tools.vue | 26 ++++++++++--------- 3 files changed, 17 insertions(+), 12 deletions(-) diff --git a/src/App.vue b/src/App.vue index 21abd694..769e075d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -49,6 +49,7 @@ + diff --git a/src/components/dialog_modal/dialog_modal.vue b/src/components/dialog_modal/dialog_modal.vue index 7621fb20..3da543de 100644 --- a/src/components/dialog_modal/dialog_modal.vue +++ b/src/components/dialog_modal/dialog_modal.vue @@ -62,6 +62,7 @@ .title { margin-bottom: 0; + text-align: center; } } @@ -80,6 +81,7 @@ background-color: var(--lightBg, $fallback--lightBg); border-top: 1px solid $fallback--bg; border-top: 1px solid var(--bg, $fallback--bg); + display: flex; justify-content: flex-end; button { diff --git a/src/components/moderation_tools/moderation_tools.vue b/src/components/moderation_tools/moderation_tools.vue index 146673a5..6a5e8cc0 100644 --- a/src/components/moderation_tools/moderation_tools.vue +++ b/src/components/moderation_tools/moderation_tools.vue @@ -65,18 +65,20 @@ {{ $t('user_card.admin_menu.moderation') }} - - {{ $t('user_card.admin_menu.delete_user') }} -

{{ $t('user_card.admin_menu.delete_user_confirmation') }}

- - - - -
+ + + +

{{ $t('user_card.admin_menu.delete_user_confirmation') }}

+ +
+