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): balance top card spacing

Browse Source
This commit is contained in:
aits2026
2026-03-06 13:09:26 +08:00
parent c543fabdf4
commit 60a64cd777
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/ExportPage.scss
View File

@@ -22,7 +22,7 @@
.export-top-bar { .export-top-bar {
display: flex; display: flex;
align-items: flex-start; align-items: stretch;
gap: 12px; gap: 12px;
} }
@@ -261,7 +261,8 @@
} }
.global-export-controls { .global-export-controls {
flex: 1; flex: 0 1 820px;
width: min(820px, 100%);
background: var(--card-bg); background: var(--card-bg);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 12px; border-radius: 12px;
@@ -269,7 +270,7 @@
display: grid; display: grid;
grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr); grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr);
gap: 10px; gap: 10px;
align-items: center; align-items: stretch;
.control-label { .control-label {
font-size: 11px; font-size: 11px;
@@ -534,6 +535,7 @@
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 {
@@ -3282,6 +3284,8 @@
.global-export-controls { .global-export-controls {
padding: 10px; padding: 10px;
gap: 8px; gap: 8px;
flex-basis: 760px;
width: min(760px, 100%);
grid-template-columns: minmax(0, 1.5fr) minmax(240px, 1fr); grid-template-columns: minmax(0, 1.5fr) minmax(240px, 1fr);
} }
@@ -3305,6 +3309,8 @@
} }
.global-export-controls { .global-export-controls {
flex: 1 1 auto;
width: 100%;
grid-template-columns: 1fr; grid-template-columns: 1fr;
align-items: stretch; align-items: stretch;
} }
@@ -3322,6 +3328,7 @@
} }
.task-center-card { .task-center-card {
align-self: auto;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
} }