diff --git a/public/splash.html b/public/splash.html index 7105ba7..56141e5 100644 --- a/public/splash.html +++ b/public/splash.html @@ -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"); } } diff --git a/src/components/Export/ExportDefaultsSettingsForm.scss b/src/components/Export/ExportDefaultsSettingsForm.scss index 8381c87..e237673 100644 --- a/src/components/Export/ExportDefaultsSettingsForm.scss +++ b/src/components/Export/ExportDefaultsSettingsForm.scss @@ -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); } } diff --git a/src/pages/ExportPage.scss b/src/pages/ExportPage.scss index 50a5953..29e34e7 100644 --- a/src/pages/ExportPage.scss +++ b/src/pages/ExportPage.scss @@ -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; }