diff --git a/src/presentation/static/css/providers.css b/src/presentation/static/css/providers.css index 34dcec6..622e971 100644 --- a/src/presentation/static/css/providers.css +++ b/src/presentation/static/css/providers.css @@ -28,68 +28,6 @@ gap: 10px; } -.providers-page .toolbar-setting-card { - display: flex; - align-items: center; - justify-content: space-between; - gap: 16px; - padding: 12px 14px; - border: 1px solid var(--line); - border-radius: var(--radius-md); - background: #fff; - box-shadow: var(--shadow-card); -} - -.providers-page .toolbar-setting-card + .toolbar-card { - margin-top: 16px; -} - -.providers-page .toolbar-setting-copy { - min-width: 0; - display: flex; - flex-direction: column; - gap: 3px; -} - -.providers-page .toolbar-setting-label { - color: var(--text-primary); - font-size: 13px; - font-weight: 700; -} - -.providers-page .toolbar-setting-hint { - color: var(--text-secondary); - font-size: 12px; - line-height: 1.45; -} - -.providers-page .toolbar-setting-action { - display: inline-flex; - align-items: center; - gap: 10px; - flex-shrink: 0; -} - -.providers-page .toolbar-setting-status { - color: var(--text-secondary); - font-size: 12px; - font-weight: 700; - white-space: nowrap; -} - -.providers-page .toolbar-setting-card[data-enabled="true"] .toolbar-setting-status { - color: var(--success); -} - -.providers-page .toolbar-setting-card[data-enabled="true"] { - border-color: rgba(28, 164, 113, 0.22); - background: rgba(28, 164, 113, 0.06); -} - -.providers-page .toolbar-setting-card[data-saving="true"] .toolbar-setting-status { - color: var(--primary-active); -} - .providers-page .toolbar-pill { display: inline-flex; align-items: center; @@ -201,25 +139,11 @@ color: currentColor; } -:root[data-theme="dark"] .providers-page .toolbar-setting-card { - border-color: #313b47; - background: #161b22; -} - :root[data-theme="dark"] .providers-page .toolbar-card { border-color: #313b47; background: #161b22; } -:root[data-theme="dark"] .providers-page .toolbar-setting-card[data-enabled="true"] { - border-color: rgba(46, 160, 104, 0.42); - background: rgba(46, 160, 104, 0.1); -} - -:root[data-theme="dark"] .providers-page .toolbar-setting-card[data-saving="true"] .toolbar-setting-status { - color: #9bc7ff; -} - .providers-page .providers-table tbody tr:nth-child(even) td { background: #fbfdff; } @@ -1191,16 +1115,6 @@ white-space: normal; } - .providers-page .toolbar-setting-card { - align-items: flex-start; - flex-direction: column; - } - - .providers-page .toolbar-setting-action { - width: 100%; - justify-content: space-between; - } - .providers-page .provider-form-grid { grid-template-columns: 1fr; } diff --git a/src/presentation/static/css/users.css b/src/presentation/static/css/users.css index db8d09c..1fb26a0 100644 --- a/src/presentation/static/css/users.css +++ b/src/presentation/static/css/users.css @@ -5,11 +5,76 @@ gap: 14px; } +.users-page .users-whitelist-section, .users-page .add-user-section, .users-page .users-section { padding: 22px var(--page-card-inset); } +.users-page .users-whitelist-section { + padding-bottom: 0; + border-bottom: none; + background: transparent; +} + +.users-page .whitelist-setting-card { + display: flex; + align-items: center; + justify-content: space-between; + gap: 16px; + padding: 12px 14px; + border: 1px solid var(--line); + border-radius: var(--radius-md); + background: #fff; + box-shadow: var(--shadow-card); +} + +.users-page .whitelist-setting-copy { + min-width: 0; + display: flex; + flex-direction: column; + gap: 3px; +} + +.users-page .whitelist-setting-label { + color: var(--text-primary); + font-size: 13px; + font-weight: 700; +} + +.users-page .whitelist-setting-hint { + color: var(--text-secondary); + font-size: 12px; + line-height: 1.45; +} + +.users-page .whitelist-setting-action { + display: inline-flex; + align-items: center; + gap: 10px; + flex-shrink: 0; +} + +.users-page .whitelist-setting-status { + color: var(--text-secondary); + font-size: 12px; + font-weight: 700; + white-space: nowrap; +} + +.users-page .whitelist-setting-card[data-enabled="true"] .whitelist-setting-status { + color: var(--success); +} + +.users-page .whitelist-setting-card[data-enabled="true"] { + border-color: rgba(28, 164, 113, 0.22); + background: rgba(28, 164, 113, 0.06); +} + +.users-page .whitelist-setting-card[data-saving="true"] .whitelist-setting-status { + color: var(--primary-active); +} + .users-page .add-user-section { padding: 22px var(--page-card-inset) 0; border-bottom: none; @@ -166,6 +231,20 @@ background: #161b22; } +:root[data-theme="dark"] .users-page .whitelist-setting-card { + border-color: #313b47; + background: #161b22; +} + +:root[data-theme="dark"] .users-page .whitelist-setting-card[data-enabled="true"] { + border-color: rgba(46, 160, 104, 0.42); + background: rgba(46, 160, 104, 0.1); +} + +:root[data-theme="dark"] .users-page .whitelist-setting-card[data-saving="true"] .whitelist-setting-status { + color: #9bc7ff; +} + .users-page .form-group { flex: 1; margin-bottom: 0; @@ -706,6 +785,7 @@ @media (max-width: 900px) { .users-page .header, + .users-page .users-whitelist-section, .users-page .add-user-section, .users-page .users-section { padding-left: 16px; @@ -718,6 +798,7 @@ } .users-page .section-toolbar, + .users-page .whitelist-setting-card, .users-page .form-row { flex-wrap: wrap; } @@ -733,12 +814,14 @@ } @media (max-width: 640px) { + .users-page .users-whitelist-section, .users-page .add-user-section, .users-page .users-section { padding-left: 12px; padding-right: 12px; } + .users-page .whitelist-setting-card, .users-page .form-row { flex-direction: column; align-items: stretch; diff --git a/src/presentation/templates/providers.html b/src/presentation/templates/providers.html index 0d674bf..2e3909b 100644 --- a/src/presentation/templates/providers.html +++ b/src/presentation/templates/providers.html @@ -8,19 +8,6 @@ {% block content %}
-
-
- Chat 白名单 - 控制 Provider Chat 接口是否启用白名单限制,启用后仅允许白名单访问的用户可访问Chat -
-
- 已禁用 - -
-
共 0 个 Provider @@ -192,7 +179,6 @@ {% block page_scripts %}