diff --git a/src/pages/ExportPage.scss b/src/pages/ExportPage.scss index 84bdac4..d945f02 100644 --- a/src/pages/ExportPage.scss +++ b/src/pages/ExportPage.scss @@ -3077,16 +3077,18 @@ .media-check-grid { margin-top: 10px; - display: grid; - grid-template-columns: repeat(3, minmax(100px, 1fr)); - gap: 8px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px 16px; label { - display: flex; + display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-primary); + white-space: nowrap; } input[type='checkbox'] { @@ -3094,6 +3096,59 @@ } } +.dialog-switch-row { + margin-top: 2px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 14px; +} + +.dialog-switch-copy { + min-width: 0; + + h4 { + margin: 0; + } + + .format-note { + margin-top: 4px; + margin-bottom: 0; + } +} + +.dialog-switch { + position: relative; + flex-shrink: 0; + width: 46px; + height: 26px; + border: none; + border-radius: 999px; + background: color-mix(in srgb, var(--text-tertiary) 45%, transparent); + cursor: pointer; + transition: background 0.2s ease; + + &.on { + background: var(--primary); + } +} + +.dialog-switch-thumb { + position: absolute; + top: 3px; + left: 3px; + width: 20px; + height: 20px; + border-radius: 50%; + background: #fff; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18); + transition: transform 0.2s ease; +} + +.dialog-switch.on .dialog-switch-thumb { + transform: translateX(20px); +} + .display-name-options { display: grid; grid-template-columns: 1fr 1fr 1fr; @@ -3481,7 +3536,7 @@ } .media-check-grid { - grid-template-columns: repeat(2, minmax(120px, 1fr)); + gap: 8px 12px; } } @@ -3516,6 +3571,10 @@ justify-content: space-between; } + .dialog-switch-row { + align-items: flex-start; + } + .export-defaults-modal { width: min(92vw, 720px); } diff --git a/src/pages/ExportPage.tsx b/src/pages/ExportPage.tsx index bcdb977..69ec349 100644 --- a/src/pages/ExportPage.tsx +++ b/src/pages/ExportPage.tsx @@ -6224,7 +6224,6 @@ function ExportPage() { - > )} @@ -6234,6 +6233,26 @@ function ExportPage() { )} + {isSessionScopeDialog && ( +