diff --git a/web/src/views/SettingsView.vue b/web/src/views/SettingsView.vue index 332432fc..f22f10a2 100644 --- a/web/src/views/SettingsView.vue +++ b/web/src/views/SettingsView.vue @@ -200,7 +200,7 @@ - +
@@ -212,6 +212,24 @@
+
+ +
+ + + + +
+ +
+ +
+ +
+ +
@@ -468,18 +488,18 @@ export default { if (pers.personality) { // if (model_object.isInstalled) { this.settingsChanged = true - const res = this.update_setting('personality', pers.personality.name,()=>{ + const res = this.update_setting('personality', pers.personality.name, () => { this.$refs.toast.showToast("Personality:\n" + pers.personality.name + "\nselected", 4, true) this.configFile.personality = pers.personality.name this.configFile.personality_category = pers.personality.category this.configFile.personality_language = pers.personality.language }) - - - - + + + + nextTick(() => { feather.replace() @@ -705,7 +725,7 @@ export default { .then((res) => { if (res) { if (res.status) { - // this.$refs.messageBox.showMessage("Settings saved!") + // this.$refs.messageBox.showMessage("Settings saved!") } else this.$refs.messageBox.showMessage("Error: Couldn't save settings!") @@ -767,7 +787,7 @@ export default { }, async getPersonalitiesArr() { this.isLoading = true - this.personalities=[] + this.personalities = [] const dictionary = await this.api_get_req("get_all_personalities") const langkeys = Object.keys(dictionary); // returns languages folder names for (let i = 0; i < langkeys.length; i++) { @@ -797,7 +817,7 @@ export default { } this.personalitiesFiltered = this.personalities.filter((item) => item.category === this.configFile.personality_category && item.language === this.configFile.personality_language) this.isLoading = false - + } }, async mounted() { @@ -882,7 +902,8 @@ export default { isModelSelected(val) { console.log('iss selected:', val) - } + }, + } @@ -891,7 +912,7 @@ export default { \ No newline at end of file +} */ + \ No newline at end of file diff --git a/web/tailwind.config.js b/web/tailwind.config.js index ac9fb0de..010dfffe 100644 --- a/web/tailwind.config.js +++ b/web/tailwind.config.js @@ -1,41 +1,39 @@ /** @type {import('tailwindcss').Config} */ module.exports = { - content: ["./index.html","./src/**/*.{vue,js,ts,jsx,tsx}", 'node_modules/flowbite-vue/**/*.{js,jsx,ts,tsx}'], - darkMode:'class', + content: [ + './index.html', + './src/**/*.{vue,js,ts,jsx,tsx}', + 'node_modules/flowbite-vue/**/*.{js,jsx,ts,tsx}' + ], + darkMode: 'class', theme: { extend: { - colors:{ - "primary": "#0e8ef0", - "primary-light": "#3dabff", - "secondary": "#0fd974", - "accent": "#f0700e", - "bg-dark": "#132e59", - "bg-dark-tone": "#25477d", - "bg-dark-tone-panel": "#4367a3", - "bg-dark-code-block": "#2254a7", - "bg-light": "#e2edff", - "bg-light-tone": "#b9d2f7", - "bg-light-code-block": "#cad7ed", - "bg-light-tone-panel": "#8fb5ef", - "bg-dark-discussion": "#435E8A", - "bg-dark-discussion-odd": "#284471", - "bg-light-discussion": "#c5d8f8", - "bg-light-discussion-odd": "#d6e7ff", + colors: { + primary: '#0e8ef0', + 'primary-light': '#3dabff', + secondary: '#0fd974', + accent: '#f0700e', + 'bg-dark': '#132e59', + 'bg-dark-tone': '#25477d', + 'bg-dark-tone-panel': '#4367a3', + 'bg-dark-code-block': '#2254a7', + 'bg-light': '#e2edff', + 'bg-light-tone': '#b9d2f7', + 'bg-light-code-block': '#cad7ed', + 'bg-light-tone-panel': '#8fb5ef', + 'bg-dark-discussion': '#435E8A', + 'bg-dark-discussion-odd': '#284471', + 'bg-light-discussion': '#c5d8f8', + 'bg-light-discussion-odd': '#d6e7ff' }, fontFamily: { - sans: ["PTSans","Roboto", "sans-serif"], + sans: ['PTSans', 'Roboto', 'sans-serif'] }, container: { - padding: "2rem", - center: true, - }, - - }, + padding: '2rem', + center: true + } + } }, - plugins: [ - require('flowbite/plugin'), - require('tailwind-scrollbar'), - -] + plugins: [require('flowbite/plugin'), require('tailwind-scrollbar')] } -