diff --git a/src/lib/components/admin/Settings.svelte b/src/lib/components/admin/Settings.svelte index e14fe1a484..0f66575568 100644 --- a/src/lib/components/admin/Settings.svelte +++ b/src/lib/components/admin/Settings.svelte @@ -24,11 +24,9 @@ import Integrations from './Settings/Integrations.svelte'; import Subagents from './Settings/Subagents.svelte'; - import ChartBar from '../icons/ChartBar.svelte'; import DocumentChartBar from '../icons/DocumentChartBar.svelte'; import Search from '../icons/Search.svelte'; import User from '../icons/User.svelte'; - import XMark from '../icons/XMark.svelte'; const i18n = getContext('i18n'); @@ -310,6 +308,15 @@ }, 100); }; + $: selectedTabTitle = allSettings.find((tab) => tab.id === selectedTab)?.title ?? 'Settings'; + + const tabButtonClass = (active) => + `flex items-center gap-1.5 h-7 px-2 lg:w-full shrink-0 rounded-lg text-xs text-left transition-colors duration-75 select-none ${ + active + ? 'font-medium text-gray-900 dark:text-white bg-gray-100 dark:bg-white/6' + : 'text-gray-500 hover:text-gray-700 dark:hover:text-gray-300' + }`; + onMount(() => { const containerElement = document.getElementById('admin-settings-tabs-container'); @@ -328,326 +335,337 @@ }); -