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;
}