diff options
Diffstat (limited to 'src/components/desktop_nav/desktop_nav.vue')
| -rw-r--r-- | src/components/desktop_nav/desktop_nav.vue | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/src/components/desktop_nav/desktop_nav.vue b/src/components/desktop_nav/desktop_nav.vue index 0f5b3136..18630385 100644 --- a/src/components/desktop_nav/desktop_nav.vue +++ b/src/components/desktop_nav/desktop_nav.vue @@ -76,16 +76,18 @@ </button> </div> </div> - <confirm-modal - :showing="showingConfirmLogout" - :title="$t('login.logout_confirm_title')" - :confirm-text="$t('login.logout_confirm_accept_button')" - :cancel-text="$t('login.logout_confirm_cancel_button')" - @accepted="doLogout" - @cancelled="hideConfirmLogout" - > - {{ $t('login.logout_confirm') }} - </confirm-modal> + <portal to="modal"> + <confirm-modal + v-if="showingConfirmLogout" + :title="$t('login.logout_confirm_title')" + :confirm-text="$t('login.logout_confirm_accept_button')" + :cancel-text="$t('login.logout_confirm_cancel_button')" + @accepted="doLogout" + @cancelled="hideConfirmLogout" + > + {{ $t('login.logout_confirm') }} + </confirm-modal> + </portal> </nav> </template> <script src="./desktop_nav.js"></script> |