feat(playground): 调整内建通常函数文档瀑布流的断点

让其在窗口比较宽时更紧凑（显示更多列）。
umajho · Oct 12, 2023 · 3a4eb12 · 3a4eb12
1 parent 7678b2e
commit 3a4eb12
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/playground/src/components/main/documentation-pane.tsx b/playground/src/components/main/documentation-pane.tsx
@@ -68,9 +68,10 @@ export const DocumentationPane: Component = () => {
 };
 
 const breakpoints = createMasonryBreakpoints(() => [
-  { query: "(min-width: 1536px)", columns: 3 }, // 2xl
-  { query: "(min-width: 768px) and (max-width: 1536px)", columns: 2 }, // md
-  { query: "(max-width: 768px)", columns: 1 }, // <md
+  { query: "(min-width: 1536px)", columns: 4 },
+  { query: "(min-width: 1152px) and (max-width: 1536px)", columns: 3 },
+  { query: "(min-width: 768px) and (max-width: 1152px)", columns: 2 },
+  { query: "(max-width: 768px)", columns: 1 },
 ]);
 
 const RegularFunctionsTab: Component = () => {