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; --logo-surface: #f4f4f5;
--card-gloss-start: rgba(255, 255, 255, 0.62); --card-gloss-start: rgba(255, 255, 255, 0.62);
--card-gloss-end: rgba(255, 255, 255, 0); --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 { .splash-shell {
width: calc(100% - 76px); width: 100%;
height: calc(100% - 72px); height: 100%;
min-width: 640px; min-width: 0;
min-height: 360px; min-height: 0;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
border-radius: 8px; border-radius: 0;
border: 1px solid var(--card-border); border: none;
background: background:
linear-gradient(180deg, var(--card-gloss-start) 0%, var(--card-gloss-end) 48%), linear-gradient(180deg, var(--card-gloss-start) 0%, var(--card-gloss-end) 48%),
var(--card-bg); var(--card-bg);
@@ -350,7 +350,7 @@
setVar("--logo-surface", "#2b2b2b"); setVar("--logo-surface", "#2b2b2b");
setVar("--card-gloss-start", "rgba(255, 255, 255, 0.035)"); setVar("--card-gloss-start", "rgba(255, 255, 255, 0.035)");
setVar("--card-gloss-end", "rgba(255, 255, 255, 0)"); 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 { } else {
setVar("--card-bg", "rgba(255, 255, 255, 0.96)"); setVar("--card-bg", "rgba(255, 255, 255, 0.96)");
setVar("--card-bg-solid", "#ffffff"); setVar("--card-bg-solid", "#ffffff");
@@ -362,7 +362,7 @@
setVar("--logo-surface", "#f4f4f5"); setVar("--logo-surface", "#f4f4f5");
setVar("--card-gloss-start", "rgba(255, 255, 255, 0.62)"); setVar("--card-gloss-start", "rgba(255, 255, 255, 0.62)");
setVar("--card-gloss-end", "rgba(255, 255, 255, 0)"); 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. // UI rebuild polish for the modal variant used by ExportPage.
.export-defaults-settings-form.layout-split { .export-defaults-settings-form.layout-split {
display: grid; display: grid;
gap: 12px; gap: 10px;
.form-group { .form-group {
grid-template-columns: minmax(180px, 0.85fr) minmax(0, 1.15fr); grid-template-columns: minmax(176px, 0.82fr) minmax(0, 1.18fr);
gap: 14px; gap: 12px;
align-items: start; align-items: start;
padding: 14px; padding: 12px;
border: 1px solid color-mix(in srgb, var(--border-color) 68%, transparent); border: none;
border-radius: 14px; border-radius: 12px;
background: var(--bg-secondary); background: color-mix(in srgb, var(--bg-secondary) 82%, var(--bg-primary));
} }
.form-group:first-child, .form-group:first-child,
.form-group:last-child { .form-group:last-child {
padding: 14px; padding: 12px;
} }
.form-copy { .form-copy {
@@ -510,26 +510,31 @@
.settings-time-range-trigger { .settings-time-range-trigger {
border-radius: 12px; border-radius: 12px;
background: var(--bg-primary); background: var(--bg-primary);
min-height: 42px;
padding: 9px 12px;
} }
.log-toggle-line { .log-toggle-line {
border-radius: 12px; border-radius: 12px;
background: var(--bg-primary); background: var(--bg-primary);
min-height: 42px;
padding: 8px 12px;
} }
.concurrency-inline-options { .concurrency-inline-options {
grid-template-columns: repeat(6, minmax(42px, 1fr)); grid-template-columns: repeat(6, minmax(38px, 1fr));
gap: 6px; gap: 6px;
} }
.concurrency-option { .concurrency-option {
min-width: 0; min-width: 0;
min-height: 36px; min-height: 36px;
border-radius: 8px;
} }
.format-setting-group { .format-setting-group {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 12px; gap: 10px;
} }
.format-grid { .format-grid {
@@ -540,9 +545,9 @@
} }
.format-card { .format-card {
min-height: 74px; min-height: 68px;
padding: 10px 12px; padding: 10px 12px;
border-radius: 12px; border-radius: 8px;
background: var(--bg-primary); background: var(--bg-primary);
} }
@@ -561,7 +566,7 @@
min-height: 36px; min-height: 36px;
padding: 8px 10px; padding: 8px 10px;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 12px; border-radius: 8px;
background: var(--bg-primary); background: var(--bg-primary);
} }
} }

9
src/pages/ExportPage.scss
View File

@@ -1158,20 +1158,21 @@
} }
.export-defaults-modal { .export-defaults-modal {
width: min(760px, calc(100vw - 40px)); width: min(740px, calc(100vw - 40px));
max-height: min(82vh, 820px); max-height: min(82vh, 820px);
border-radius: 16px; border-radius: 16px;
background: var(--bg-primary); 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); box-shadow: var(--shadow-md);
} }
.export-defaults-modal-header { .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 { .export-defaults-modal-body {
padding: 14px 18px 16px; padding: 12px 18px 14px;
overflow-x: hidden; overflow-x: hidden;
} }