// 新建/编辑笔记本弹窗:macOS 扁平简约风,单表面 + 8pt 间距 dialog.edit-folder-dialog > .content { width: min(440px, calc(100vw - 48px)); box-sizing: border-box; } .edit-folder-dialog .dialog-root { display: flex; flex-direction: column; gap: 16px; min-width: 0; } .edit-folder-dialog .dialog-content { background: transparent; padding: 0; } .edit-folder-dialog .form, .edit-folder-dialog .edit-folder-form { display: flex; flex-direction: column; gap: 16px; margin: 0; } .edit-folder-dialog .form > .form-input-group, .edit-folder-dialog .edit-folder-form > .form-input-group { display: flex; flex-direction: column; gap: 8px; margin: 0; } .edit-folder-dialog .form > .form-input-group > label, .edit-folder-dialog .edit-folder-form > .form-input-group > label { margin: 0; font-weight: 600; font-size: 12px; line-height: 1.5; color: var(--joplin-color); } .icon-selector-row { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 8px; } .icon-selector-row > .foldericon { margin-right: 0; display: flex; align-items: center; justify-content: center; border: 1px solid var(--joplin-divider-color); border-radius: 8px; padding: 6px; min-width: 30px; min-height: 30px; box-sizing: border-box; background-color: var(--joplin-background-color); }