hicccc77/WeFlow
1
0
Fork 0
mirror of https://github.com/hicccc77/WeFlow.git synced 2026-05-13 15:10:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: polish splash and export settings

Browse Source
This commit is contained in:
Jason
2026-05-08 17:33:57 +08:00
parent ae5d1d95ab
commit e41a1197cb
3 changed files with 32 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public/splash.html
View File

@@ -20,7 +20,7 @@
--logo-surface: #f4f4f5;
--card-gloss-start: rgba(255, 255, 255, 0.62);
--card-gloss-end: rgba(255, 255, 255, 0);
--shadow: 0 30px 80px rgba(0, 0, 0, 0.18), 0 2px 10px rgba(0, 0, 0, 0.06);
--shadow: none;
}
* {
@@ -48,14 +48,14 @@
}
.splash-shell {
width: calc(100% - 76px);
height: calc(100% - 72px);
min-width: 640px;
min-height: 360px;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
position: relative;
overflow: hidden;
border-radius: 8px;
border: 1px solid var(--card-border);
border-radius: 0;
border: none;
background:
linear-gradient(180deg, var(--card-gloss-start) 0%, var(--card-gloss-end) 48%),
var(--card-bg);
@@ -350,7 +350,7 @@
setVar("--logo-surface", "#2b2b2b");
setVar("--card-gloss-start", "rgba(255, 255, 255, 0.035)");
setVar("--card-gloss-end", "rgba(255, 255, 255, 0)");
setVar("--shadow", "0 30px 80px rgba(0, 0, 0, 0.42), 0 2px 10px rgba(0, 0, 0, 0.24)");
setVar("--shadow", "none");
} else {
setVar("--card-bg", "rgba(255, 255, 255, 0.96)");
setVar("--card-bg-solid", "#ffffff");
@@ -362,7 +362,7 @@
setVar("--logo-surface", "#f4f4f5");
setVar("--card-gloss-start", "rgba(255, 255, 255, 0.62)");
setVar("--card-gloss-end", "rgba(255, 255, 255, 0)");
setVar("--shadow", "0 30px 80px rgba(0, 0, 0, 0.18), 0 2px 10px rgba(0, 0, 0, 0.06)");
setVar("--shadow", "none");
}
}

31
src/components/Export/ExportDefaultsSettingsForm.scss
View File

@@ -461,21 +461,21 @@
// UI rebuild polish for the modal variant used by ExportPage.
.export-defaults-settings-form.layout-split {
display: grid;
gap: 12px;
gap: 10px;
.form-group {
grid-template-columns: minmax(180px, 0.85fr) minmax(0, 1.15fr);
gap: 14px;
grid-template-columns: minmax(176px, 0.82fr) minmax(0, 1.18fr);
gap: 12px;
align-items: start;
padding: 14px;
border: 1px solid color-mix(in srgb, var(--border-color) 68%, transparent);
border-radius: 14px;
background: var(--bg-secondary);
padding: 12px;
border: none;
border-radius: 12px;
background: color-mix(in srgb, var(--bg-secondary) 82%, var(--bg-primary));
}
.form-group:first-child,
.form-group:last-child {
padding: 14px;
padding: 12px;
}
.form-copy {
@@ -510,26 +510,31 @@
.settings-time-range-trigger {
border-radius: 12px;
background: var(--bg-primary);
min-height: 42px;
padding: 9px 12px;
}
.log-toggle-line {
border-radius: 12px;
background: var(--bg-primary);
min-height: 42px;
padding: 8px 12px;
}
.concurrency-inline-options {
grid-template-columns: repeat(6, minmax(42px, 1fr));
grid-template-columns: repeat(6, minmax(38px, 1fr));
gap: 6px;
}
.concurrency-option {
min-width: 0;
min-height: 36px;
border-radius: 8px;
}
.format-setting-group {
grid-template-columns: 1fr;
gap: 12px;
gap: 10px;
}
.format-grid {
@@ -540,9 +545,9 @@
}
.format-card {
min-height: 74px;
min-height: 68px;
padding: 10px 12px;
border-radius: 12px;
border-radius: 8px;
background: var(--bg-primary);
}
@@ -561,7 +566,7 @@
min-height: 36px;
padding: 8px 10px;
border: 1px solid var(--border-color);
border-radius: 12px;
border-radius: 8px;
background: var(--bg-primary);
}
}

9
src/pages/ExportPage.scss
View File

@@ -1158,20 +1158,21 @@
}
.export-defaults-modal {
width: min(760px, calc(100vw - 40px));
width: min(740px, calc(100vw - 40px));
max-height: min(82vh, 820px);
border-radius: 16px;
background: var(--bg-primary);
border-color: color-mix(in srgb, var(--border-color) 80%, transparent);
border-color: color-mix(in srgb, var(--border-color) 68%, transparent);
box-shadow: var(--shadow-md);
}
.export-defaults-modal-header {
padding: 16px 18px 12px;
padding: 16px 18px 10px;
border-bottom-color: color-mix(in srgb, var(--border-color) 64%, transparent);
}
.export-defaults-modal-body {
padding: 14px 18px 16px;
padding: 12px 18px 14px;
overflow-x: hidden;
}