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

fix(export): tighten top control bar

Browse Source
This commit is contained in:
aits2026
2026-03-06 13:06:32 +08:00
parent 64b96f00f7
commit c543fabdf4
1 changed files with 25 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/pages/ExportPage.scss
View File

@@ -22,7 +22,7 @@
.export-top-bar { .export-top-bar {
display: flex; display: flex;
align-items: stretch; align-items: flex-start;
gap: 12px; gap: 12px;
} }
@@ -267,22 +267,25 @@
border-radius: 12px; border-radius: 12px;
padding: 12px; padding: 12px;
display: grid; display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr);
gap: 10px; gap: 10px;
align-items: stretch; align-items: center;
.control-label { .control-label {
font-size: 11px; font-size: 11px;
color: var(--text-secondary); color: var(--text-secondary);
font-weight: 600; font-weight: 600;
letter-spacing: 0.2px; letter-spacing: 0.2px;
width: 78px;
flex: 0 0 78px;
line-height: 1.2;
} }
.path-control { .path-control {
min-width: 0; min-width: 0;
display: flex; display: flex;
flex-direction: column; align-items: center;
gap: 4px; gap: 8px;
} }
.path-inline-row { .path-inline-row {
@@ -347,8 +350,8 @@
.write-layout-control { .write-layout-control {
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; align-items: center;
gap: 4px; gap: 8px;
min-width: 0; min-width: 0;
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
@@ -531,7 +534,6 @@
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
flex-shrink: 0; flex-shrink: 0;
align-self: stretch;
transition: border-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease; transition: border-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease;
&:hover { &:hover {
@@ -3280,6 +3282,7 @@
.global-export-controls { .global-export-controls {
padding: 10px; padding: 10px;
gap: 8px; gap: 8px;
grid-template-columns: minmax(0, 1.5fr) minmax(240px, 1fr);
} }
.format-grid { .format-grid {
@@ -3302,11 +3305,23 @@
} }
.global-export-controls { .global-export-controls {
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: 1fr;
align-items: stretch;
}
.global-export-controls .path-control,
.global-export-controls .write-layout-control {
align-items: stretch;
flex-direction: column;
gap: 4px;
}
.global-export-controls .control-label {
width: auto;
flex-basis: auto;
} }
.task-center-card { .task-center-card {
align-self: auto;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
} }