Metrix/CapacityReport
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化远程配置和调试启动

Browse Source
This commit is contained in:
nixevol
2026-06-01 17:58:41 +08:00
parent fa8a1fff18
commit 8ba562e63e
4 changed files with 283 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles.css
+58 -19
View File
@@ -1383,14 +1383,17 @@ select {
}
.settings-database-panel,
.settings-remote-grid,
.settings-remote-panel,
.settings-scheduler-panel,
.settings-rules-grid {
display: grid;
align-items: start;
gap: 18px;
}
.settings-database-panel {
.settings-database-panel,
.settings-remote-panel,
.settings-scheduler-panel {
grid-template-columns: minmax(420px, 680px);
height: 100%;
min-height: 0;
@@ -1401,39 +1404,30 @@ select {
scrollbar-width: thin;
}
.settings-database-stack,
.settings-remote-stack {
.settings-database-stack {
display: flex;
min-width: 0;
flex-direction: column;
gap: 18px;
}
.settings-remote-grid {
grid-template-columns: minmax(380px, 0.9fr) minmax(360px, 1.1fr);
height: 100%;
min-height: 0;
padding-right: 6px;
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
}
.settings-database-panel::-webkit-scrollbar,
.settings-remote-grid::-webkit-scrollbar {
.settings-remote-panel::-webkit-scrollbar,
.settings-scheduler-panel::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.settings-database-panel::-webkit-scrollbar-thumb,
.settings-remote-grid::-webkit-scrollbar-thumb {
.settings-remote-panel::-webkit-scrollbar-thumb,
.settings-scheduler-panel::-webkit-scrollbar-thumb {
background: var(--td-scrollbar-color);
border-radius: 8px;
}
.settings-database-panel::-webkit-scrollbar-track,
.settings-remote-grid::-webkit-scrollbar-track {
.settings-remote-panel::-webkit-scrollbar-track,
.settings-scheduler-panel::-webkit-scrollbar-track {
background: transparent;
}
@@ -1442,6 +1436,36 @@ select {
min-width: 0;
}
.settings-remote-panel {
grid-template-columns: minmax(720px, 1fr);
}
.settings-scheduler-panel {
grid-template-columns: minmax(420px, 760px);
}
.remote-connection-row {
display: grid;
grid-template-columns: minmax(112px, 0.8fr) minmax(220px, 1.8fr) minmax(110px, 0.8fr) minmax(120px, 0.8fr) minmax(116px, 0.7fr);
gap: 12px;
align-items: start;
}
.remote-passive-field .n-form-item-blank {
align-items: center;
min-height: 34px;
}
.remote-toggle-row {
display: flex;
flex-wrap: wrap;
gap: 12px 56px;
}
.remote-toggle-row .n-form-item {
margin-bottom: 0;
}
.settings-rules-grid {
grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.4fr);
grid-template-rows: minmax(0, 1fr);
@@ -1935,11 +1959,16 @@ select {
/* ==================== Responsive ==================== */
@media (max-width: 1200px) {
.settings-database-panel,
.settings-remote-grid,
.settings-remote-panel,
.settings-scheduler-panel,
.settings-rules-grid {
grid-template-columns: 1fr;
}
.remote-connection-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.settings-rules-grid {
grid-template-rows: auto minmax(520px, 1fr);
align-items: start;
@@ -2032,3 +2061,13 @@ select {
grid-template-columns: 1fr;
}
}
@media (max-width: 700px) {
.remote-connection-row {
grid-template-columns: 1fr;
}
.remote-toggle-row {
gap: 12px 24px;
}
}