✨ refactor: system settings UI for consistent, compact layouts
Redesign the system settings interface to align with the rest of the console experience by using fixed header actions, removing redundant subtitles, respecting global content width, and standardizing responsive form layouts. Introduce reusable settings layout primitives for forms, switch rows, grouped controls, nested control sections, title status indicators, and page action portals. Replace duplicated card-style switch markup with explicit compact components, improve nested switch readability, and reduce visual noise across authentication, billing, content, integrations, maintenance, models, and request-limit settings. Also complete missing i18n translations, remove obsolete subtitle translation keys, refine i18n sync reporting, fix sidebar truncation for long labels, and verify the frontend with type checking and lint diagnostics.
This commit is contained in:
@@ -41,7 +41,6 @@ const CONTENT_SECTIONS = [
|
||||
{
|
||||
id: 'dashboard',
|
||||
titleKey: 'Data Dashboard',
|
||||
descriptionKey: 'Configure data export settings for dashboard',
|
||||
build: (settings: ContentSettings) => (
|
||||
<DashboardSection
|
||||
defaultValues={{
|
||||
@@ -57,7 +56,6 @@ const CONTENT_SECTIONS = [
|
||||
{
|
||||
id: 'announcements',
|
||||
titleKey: 'Announcements',
|
||||
descriptionKey: 'Configure system announcements',
|
||||
build: (settings: ContentSettings) => (
|
||||
<AnnouncementsSection
|
||||
enabled={settings['console_setting.announcements_enabled']}
|
||||
@@ -68,7 +66,6 @@ const CONTENT_SECTIONS = [
|
||||
{
|
||||
id: 'api-info',
|
||||
titleKey: 'API Addresses',
|
||||
descriptionKey: 'Configure API information display',
|
||||
build: (settings: ContentSettings) => (
|
||||
<ApiInfoSection
|
||||
enabled={settings['console_setting.api_info_enabled']}
|
||||
@@ -79,7 +76,6 @@ const CONTENT_SECTIONS = [
|
||||
{
|
||||
id: 'faq',
|
||||
titleKey: 'FAQ',
|
||||
descriptionKey: 'Configure frequently asked questions',
|
||||
build: (settings: ContentSettings) => (
|
||||
<FAQSection
|
||||
enabled={settings['console_setting.faq_enabled']}
|
||||
@@ -90,7 +86,6 @@ const CONTENT_SECTIONS = [
|
||||
{
|
||||
id: 'uptime-kuma',
|
||||
titleKey: 'Uptime Kuma',
|
||||
descriptionKey: 'Configure Uptime Kuma monitoring integration',
|
||||
build: (settings: ContentSettings) => (
|
||||
<UptimeKumaSection
|
||||
enabled={settings['console_setting.uptime_kuma_enabled']}
|
||||
@@ -101,7 +96,6 @@ const CONTENT_SECTIONS = [
|
||||
{
|
||||
id: 'chat',
|
||||
titleKey: 'Chat Presets',
|
||||
descriptionKey: 'Configure chat-related settings',
|
||||
build: (settings: ContentSettings) => (
|
||||
<ChatSettingsSection defaultValue={settings.Chats} />
|
||||
),
|
||||
@@ -109,7 +103,6 @@ const CONTENT_SECTIONS = [
|
||||
{
|
||||
id: 'drawing',
|
||||
titleKey: 'Drawing',
|
||||
descriptionKey: 'Configure drawing and Midjourney settings',
|
||||
build: (settings: ContentSettings) => (
|
||||
<DrawingSettingsSection
|
||||
defaultValues={{
|
||||
@@ -141,3 +134,4 @@ export const CONTENT_SECTION_IDS = contentRegistry.sectionIds
|
||||
export const CONTENT_DEFAULT_SECTION = contentRegistry.defaultSection
|
||||
export const getContentSectionNavItems = contentRegistry.getSectionNavItems
|
||||
export const getContentSectionContent = contentRegistry.getSectionContent
|
||||
export const getContentSectionMeta = contentRegistry.getSectionMeta
|
||||
|
||||
Reference in New Issue
Block a user