diff --git a/src/components/desktop_nav/desktop_nav.js b/src/components/desktop_nav/desktop_nav.js
index 9b0ec15d..3307b5d5 100644
--- a/src/components/desktop_nav/desktop_nav.js
+++ b/src/components/desktop_nav/desktop_nav.js
@@ -98,10 +98,6 @@ export default {
scrollToTop () {
window.scrollTo(0, 0)
},
- logout () {
- this.$router.replace('/main/public')
- this.$store.dispatch('logout')
- },
onSearchBarToggled (hidden) {
this.searchBarHidden = hidden
},
diff --git a/src/components/desktop_nav/desktop_nav.scss b/src/components/desktop_nav/desktop_nav.scss
index 64bbcf30..4d8c40e3 100644
--- a/src/components/desktop_nav/desktop_nav.scss
+++ b/src/components/desktop_nav/desktop_nav.scss
@@ -101,10 +101,6 @@
}
}
- &-logout {
- margin-left: 2em;
- }
-
.svg-inline--fa {
color: $fallback--link;
color: var(--topBarLink, $fallback--link);
@@ -112,7 +108,7 @@
}
.-wide {
- .nav-icon:not(.nav-icon-logout) {
+ .nav-icon {
margin-left: 0.7em;
}
}
diff --git a/src/components/desktop_nav/desktop_nav.vue b/src/components/desktop_nav/desktop_nav.vue
index c82c10f0..32b90749 100644
--- a/src/components/desktop_nav/desktop_nav.vue
+++ b/src/components/desktop_nav/desktop_nav.vue
@@ -164,18 +164,6 @@
:title="$t('nav.administration')"
/>
-
diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index 0a72dca1..b1bb4eab 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -14,6 +14,7 @@ import {
faTimes,
faFileUpload,
faFileDownload,
+ faSignOutAlt,
faChevronDown
} from '@fortawesome/free-solid-svg-icons'
import {
@@ -28,6 +29,7 @@ library.add(
faWindowMinimize,
faFileUpload,
faFileDownload,
+ faSignOutAlt,
faChevronDown
)
@@ -66,6 +68,11 @@ const SettingsModal = {
closeModal () {
this.$store.dispatch('closeSettingsModal')
},
+ logout () {
+ this.$router.replace('/main/public')
+ this.$store.dispatch('closeSettingsModal')
+ this.$store.dispatch('logout')
+ },
peekModal () {
this.$store.dispatch('togglePeekSettingsModal')
},
@@ -150,6 +157,7 @@ const SettingsModal = {
}
},
computed: {
+ currentUser () { return this.$store.state.users.currentUser },
currentSaveStateNotice () {
return this.$store.state.interface.settings.currentSaveStateNotice
},
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 13cb0e65..6312e3e7 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -71,5 +71,10 @@
display: flex;
flex-grow: 1;
}
+
+ .logout-button {
+ position: absolute;
+ right: 20px;
+ }
}
}
diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue
index d3bed061..03c9978e 100644
--- a/src/components/settings_modal/settings_modal.vue
+++ b/src/components/settings_modal/settings_modal.vue
@@ -111,6 +111,20 @@
id="unscrolled-content"
class="extra-content"
/>
+