feat(创建编辑): 支持多页管理与页面设置

assets/webui/ofdgo.css

@@ -97,13 +97,21 @@ a:focus-visible {
 
 .editor-group {
 	display: grid;
-	grid-auto-columns: max-content;
+	grid-template-columns: repeat(3, max-content);
 	column-gap: 6px;
 	row-gap: 4px;
 	padding-right: 12px;
 	border-right: 1px solid var(--line);
 }
 
+.editor-group:has(#insertTextButton) {
+	grid-template-columns: repeat(2, max-content);
+}
+
+.editor-group:has(#addPageButton) {
+	grid-template-columns: repeat(6, max-content);
+}
+
 .editor-group:last-child {
 	border-right: 0;
 }
@@ -351,6 +359,17 @@ button:not(:disabled):hover {
 	margin-bottom: 12px;
 }
 
+.form-pair {
+	display: grid;
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+	gap: 12px;
+}
+
+.form-pair .form-unit {
+	grid-template-columns: minmax(0, 1fr) auto;
+	gap: 4px;
+}
+
 .form-options {
 	display: flex;
 }
@@ -1744,3 +1763,13 @@ button.outline-link:hover {
 		width: 48px;
 	}
 }
+
+@media (max-width: 360px) {
+	.editor-group:has(#addPageButton) {
+		grid-template-columns: repeat(3, max-content);
+	}
+
+	.editor-group:has(#addPageButton) > button {
+		grid-row: auto;
+	}
+}