make logout button dangerous

src/components/confirm_modal/confirm_modal.js

@@ -21,6 +21,9 @@ const ConfirmModal = {
     confirmText: {
       type: String,
     },
+    confirmDanger: {
+      type: Boolean,
+    },
   },
   emits: ['cancelled', 'accepted'],
   computed: {},

src/components/confirm_modal/confirm_modal.vue

@@ -14,6 +14,7 @@
       <slot name="footerLeft" />
       <button
         class="btn button-default"
+        :class="{ '-danger': confirmDanger }"
         @click.prevent="onAccept"
         v-text="confirmText"
       />

src/components/desktop_nav/desktop_nav.vue

@@ -80,6 +80,7 @@
       <confirm-modal
         v-if="showingConfirmLogout"
         :title="$t('login.logout_confirm_title')"
+        :confirm-danger="true"
         :confirm-text="$t('login.logout_confirm_accept_button')"
         :cancel-text="$t('login.logout_confirm_cancel_button')"
         @accepted="doLogout"

src/components/mobile_nav/mobile_nav.vue

@@ -109,6 +109,7 @@
       <confirm-modal
         v-if="showingConfirmLogout"
         :title="$t('login.logout_confirm_title')"
+        :confirm-danger="true"
         :confirm-text="$t('login.logout_confirm_accept_button')"
         :cancel-text="$t('login.logout_confirm_cancel_button')"
         @accepted="doLogout"