hicccc77/WeFlow
1
0
Fork 0
mirror of https://github.com/hicccc77/WeFlow.git synced 2026-03-25 07:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(export): move task center into top control row

Browse Source
This commit is contained in:
tisonhuang
2026-03-02 11:06:42 +08:00
parent 9cb41e01e2
commit 01a221831f
2 changed files with 242 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/pages/ExportPage.scss
View File

@@ -24,8 +24,9 @@
border-radius: 14px;
padding: 14px;
display: grid;
grid-template-columns: minmax(300px, 1fr) 320px;
grid-template-columns: minmax(320px, 1.45fr) minmax(220px, 0.8fr) minmax(260px, 1fr);
gap: 16px;
align-items: end;
.control-label {
font-size: 12px;
@@ -189,6 +190,54 @@
color: var(--text-secondary);
line-height: 1.45;
}
.task-center-control {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.task-center-inline {
min-height: 40px;
border: 1px solid var(--border-color);
border-radius: 10px;
background: var(--bg-secondary);
padding: 0 10px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.task-summary {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 12px;
color: var(--text-secondary);
white-space: nowrap;
min-width: 0;
}
.task-collapse-btn {
border: 1px solid var(--border-color);
background: var(--bg-primary);
border-radius: 8px;
padding: 4px 8px;
font-size: 12px;
color: var(--text-secondary);
display: inline-flex;
align-items: center;
gap: 4px;
cursor: pointer;
flex-shrink: 0;
&:hover {
border-color: var(--primary);
color: var(--primary);
}
}
}
.content-card-grid {
@@ -276,51 +325,7 @@
padding: 12px;
flex-shrink: 0;
.task-center-header {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.section-title {
font-size: 14px;
font-weight: 700;
color: var(--text-primary);
margin: 0;
flex-shrink: 0;
}
.task-summary {
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 12px;
color: var(--text-secondary);
white-space: nowrap;
}
.task-collapse-btn {
border: 1px solid var(--border-color);
background: var(--bg-secondary);
border-radius: 8px;
padding: 4px 8px;
font-size: 12px;
color: var(--text-secondary);
display: inline-flex;
align-items: center;
gap: 4px;
cursor: pointer;
&:hover {
border-color: var(--primary);
color: var(--primary);
}
}
.task-empty {
margin-top: 10px;
padding: 12px;
background: var(--bg-secondary);
border-radius: 8px;
@@ -329,7 +334,6 @@
}
.task-list {
margin-top: 10px;
display: grid;
gap: 8px;
max-height: 190px;
@@ -1099,6 +1103,12 @@
.path-inline-row > .secondary-btn {
margin-left: auto;
}
.task-center-inline {
flex-wrap: wrap;
min-height: auto;
padding: 8px 10px;
}
}
.content-card-grid {