diff options
| author | Henry Jameson <me@hjkos.com> | 2020-05-10 06:46:06 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-05-10 06:46:06 +0300 |
| commit | bcebec478e43b3851e85c94335940e8fc7546cc8 (patch) | |
| tree | 085b19f056e0d2522f0b0a0f9125fda3fd082f66 /src/components/settings_modal/settings_modal.vue | |
| parent | 2e35289c3376881ca17b9330113c816a3327f245 (diff) | |
moved stuff from settings, cleaned up naming for tabs, added close and peek
Diffstat (limited to 'src/components/settings_modal/settings_modal.vue')
| -rw-r--r-- | src/components/settings_modal/settings_modal.vue | 26 |
1 files changed, 20 insertions, 6 deletions
diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue index 9e35d3f6..53481bdd 100644 --- a/src/components/settings_modal/settings_modal.vue +++ b/src/components/settings_modal/settings_modal.vue @@ -3,10 +3,20 @@ v-if="isLoggedIn && !resettingForm" :is-open="modalActivated" class="settings-modal" + :class="{ peek: modalPeeked }" + :no-background="modalPeeked" > <div class="settings-modal-panel panel"> <div class="panel-heading"> - {{ $t('settings.settings') }} + <span class="title"> + {{ $t('settings.settings') }} + </span> + <button class="btn" @click="peekModal"> + {{ $t('general.peek') }} + </button> + <button class="btn" @click="closeModal"> + {{ $t('general.close') }} + </button> </div> <div class="panel-body"> <tab-switcher @@ -15,11 +25,15 @@ :scrollableTabs="true" ref="tabSwitcher" > - <div :label="$t('settings.profile_tab')"><Profile /></div> - <div :label="$t('settings.security_tab')"><Security /></div> - <div :label="$t('settings.notifications')"><Notifications /></div> - <div :label="$t('settings.data_import_export_tab')"><DataImportExport /></div> - <div :label="$t('settings.mutes_and_blocks')"><MutesAndBlocks /></div> + <div :label="$t('settings.general')"><GeneralTab /></div> + <div :label="$t('settings.profile_tab')"><ProfileTab /></div> + <div :label="$t('settings.security_tab')"><SecurityTab /></div> + <div :label="$t('settings.filtering')"><FilteringTab /></div> + <div :label="$t('settings.theme')"><ThemeTab /></div> + <div :label="$t('settings.notifications')"><NotificationsTab /></div> + <div :label="$t('settings.data_import_export_tab')"><DataImportExportTab /></div> + <div :label="$t('settings.mutes_and_blocks')"><MutesAndBlocksTab /></div> + <div :label="$t('settings.version.title')"><VersionTab /></div> </tab-switcher> </div> </div> |