diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.scss b/src/components/settings_modal/helpers/vertical_tab_switcher.scss index 73aa1ea73..4ac03ae59 100644 --- a/src/components/settings_modal/helpers/vertical_tab_switcher.scss +++ b/src/components/settings_modal/helpers/vertical_tab_switcher.scss @@ -30,6 +30,7 @@ .tab-content { align-self: center; + height: 100%; &:not(.-full-width) { max-width: 40em; diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js index 51718ab26..d3a66aedb 100644 --- a/src/components/settings_modal/settings_modal_user_content.js +++ b/src/components/settings_modal/settings_modal_user_content.js @@ -27,11 +27,10 @@ import { faBell, faDownload, faEyeSlash, + faInfo, faWindowRestore, faCode, - faBroom, - faLock, - faColumns + faBroom } from '@fortawesome/free-solid-svg-icons' import { useInterfaceStore } from 'src/stores/interface' @@ -39,16 +38,15 @@ library.add( faWrench, faUser, faMessage, - faWindowRestore, - faColumns, - faBell, faFilter, - faEyeSlash, - faBroom, - faLock, - faDownload, - faPalette, faPaintBrush, + faPalette, + faBell, + faDownload, + faEyeSlash, + faInfo, + faWindowRestore, + faBroom, faCode ) diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js index 00568fda6..371d40012 100644 --- a/src/components/settings_modal/tabs/appearance_tab.js +++ b/src/components/settings_modal/tabs/appearance_tab.js @@ -22,6 +22,21 @@ import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue' import { mapActions } from 'pinia' import { useInterfaceStore, normalizeThemeData } from 'src/stores/interface' +import { library } from '@fortawesome/fontawesome-svg-core' +import { + faGlobe, + faDashboard, + faPaintRoller, + faTableColumns +} from '@fortawesome/free-solid-svg-icons' + +library.add( + faGlobe, + faPaintRoller, + faDashboard, + faTableColumns +) + const AppearanceTab = { data () { return {