CN-JS-HuiBai/PromdataPanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

优化布局

Browse Source
This commit is contained in:
CN-JS-HuiBai
2026-04-12 17:51:40 +08:00
parent e60fa2b982
commit 24b5f8455e
2 changed files with 15 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
public/css/style.css
View File

@@ -2805,15 +2805,12 @@ input:checked+.slider:before {
} }
/* ---- Source Settings Toggles ---- */ /* ---- Source Settings Toggles ---- */
.source-options-grid { /* ---- Source Settings Toggles ---- */
display: grid; .source-options-clean-row {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); display: flex;
gap: 16px; flex-wrap: wrap;
background: rgba(255, 255, 255, 0.03); gap: 20px;
padding: 16px; padding: 4px 0;
border-radius: var(--radius-sm);
border: 1px solid var(--border-color);
margin-top: 8px;
} }
.source-option-item { .source-option-item {
@@ -2823,12 +2820,6 @@ input:checked+.slider:before {
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
transition: all 0.2s ease; transition: all 0.2s ease;
padding: 4px 8px;
border-radius: var(--radius-sm);
}
.source-option-item:hover {
background: rgba(255, 255, 255, 0.03);
} }
.source-option-item:hover .source-option-label { .source-option-item:hover .source-option-label {
@@ -2836,7 +2827,7 @@ input:checked+.slider:before {
} }
.source-option-label { .source-option-label {
font-size: 0.88rem; font-size: 0.9rem;
color: var(--text-secondary); color: var(--text-secondary);
font-weight: 500; font-weight: 500;
} }
@@ -2889,14 +2880,6 @@ input:checked+.slider:before {
} }
/* Light theme support */ /* Light theme support */
:root.light-theme .source-options-grid {
background: rgba(0, 0, 0, 0.02);
}
:root.light-theme .source-option-item:hover {
background: rgba(0, 0, 0, 0.03);
}
:root.light-theme .switch-label:before { :root.light-theme .switch-label:before {
background-color: #94a3b8; background-color: #94a3b8;
} }

13
public/index.html
View File

@@ -474,11 +474,12 @@
<div class="form-row"> <div class="form-row">
<div class="form-group form-group-wide"> <div class="form-group form-group-wide">
<label for="sourceDesc">描述 (可选)</label> <label for="sourceDesc">描述 (可选)</label>
<input type="text" id="sourceDesc" placeholder="数据源描述" autocomplete="off"> <input type="text" id="sourceDesc" placeholder="记录关于此数据源的备注信息" autocomplete="off">
</div> </div>
<div class="form-group form-group-wide" id="serverSourceOption"> </div>
<label style="margin-bottom: 8px;">数据源偏好设置</label> <div class="form-row" id="serverSourceOption" style="margin-top: 4px;">
<div class="source-options-grid"> <div class="form-group form-group-wide">
<div class="source-options-clean-row">
<label class="source-option-item" title="将此数据源的服务器指标聚合到首页总览中"> <label class="source-option-item" title="将此数据源的服务器指标聚合到首页总览中">
<div class="switch-wrapper"> <div class="switch-wrapper">
<input type="checkbox" id="isOverviewSource" checked class="switch-input"> <input type="checkbox" id="isOverviewSource" checked class="switch-input">
@@ -493,9 +494,11 @@
</div> </div>
<span class="source-option-label">加入详情展示</span> <span class="source-option-label">加入详情展示</span>
</label> </label>
<input type="checkbox" id="isServerSource" checked disabled style="display: none;">
</div> </div>
<input type="checkbox" id="isServerSource" checked disabled style="display: none;">
</div> </div>
</div>
<div class="form-row" style="margin-top: 8px;">
<div class="form-actions"> <div class="form-actions">
<button class="btn btn-test" id="btnTest">测试连接</button> <button class="btn btn-test" id="btnTest">测试连接</button>
<button class="btn btn-add" id="btnAdd">添加</button> <button class="btn btn-add" id="btnAdd">添加</button>