@digi-frontend/dgate-api-documentation 4.0.2 → 4.0.4

package/dist/index.cjs

@@ -637,7 +637,8 @@ const getSidebarStyles$1 = (token, scope) => ({
 		backgroundColor: token.colorBgContainer,
 		overflowY: "auto",
 		overflowX: "clip",
-		borderRadius: token.borderRadius
+		borderRadius: token.borderRadius,
+		height: "100%"
 	},
 	[scope("content")]: { padding: token.padding },
 	[scope("controls")]: {
@@ -1284,10 +1285,7 @@ const ApiCard = ({ api, viewStyle }) => {
 			fontFamily: token.fontFamily
 		},
 		[scope("grid-card")]: {
-			width: "auto",
-			flex: "1 1 17.5rem",
-			minWidth: "17.5rem",
-			height: "100%",
+			width: "100%",
 			borderRadius: token.borderRadiusLG
 		},
 		[scope("grid-title")]: {
@@ -1705,10 +1703,21 @@ const APIsRenderer = ({ apis, withTitle, tagName, haveUnderLine, contextPath, vi
 				level: 4,
 				children: tagName
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Flex, {
-				wrap: "wrap",
-				gap: viewStyle === "grid" ? "1.5rem" : 0,
-				vertical: viewStyle === "list",
+			viewStyle === "grid" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Row, {
+				gutter: [24, 24],
+				children: apis.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Col, {
+					xs: 24,
+					sm: 24,
+					md: 12,
+					lg: 8,
+					xl: 8,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ApiCard, {
+						api: item,
+						viewStyle
+					})
+				}, `${tagName}_renderer_${item.id}_${item.method}_${item.path}`))
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Flex, {
+				vertical: true,
 				children: apis.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ApiCard, {
 					api: item,
 					viewStyle
@@ -1817,13 +1826,9 @@ const EndpointPage$1 = () => {
 		[scope("docs-endpoint-container")]: {
 			display: "flex",
 			flexDirection: "column",
-			gap: token.marginLG,
-			height: "100%"
-		},
-		[scope("content")]: {
-			width: "100%",
-			height: "100%"
+			gap: token.marginLG
 		},
+		[scope("content")]: { width: "100%" },
 		[scope("code")]: {
 			background: "unset",
 			borderRadius: token.borderRadius,
@@ -2035,9 +2040,9 @@ const MainContent$1 = ({ searchEnabled, handleResetSearch, handleVisitLandingPag
 	const { wrapSSR, cx, token } = useStyle("MainContent", (token, scope) => ({
 		[scope("inner-doc-container")]: {
 			backgroundColor: token.colorBgContainer,
+			flex: 1,
+			minWidth: 0,
 			height: "100%",
-			width: "100%",
-			maxHeight: "100%",
 			overflow: "auto",
 			borderRadius: token.borderRadius,
 			padding: token.paddingXL
@@ -6074,9 +6079,10 @@ const filterTreeData = (data, searchText) => {
 const getSidebarStyles = (token, scope) => ({
 	[scope("sider")]: {
 		backgroundColor: token.colorBgElevated,
+		overflowY: "auto",
 		overflowX: "clip",
 		borderRadius: token.borderRadius,
-		height: "auto"
+		height: "100%"
 	},
 	[scope("content")]: { padding: token.padding },
 	[scope("controls")]: {
@@ -6489,13 +6495,9 @@ const EndpointPage = () => {
 		[scope("docs-endpoint-container")]: {
 			display: "flex",
 			flexDirection: "column",
-			gap: token.marginLG,
-			height: "100%"
-		},
-		[scope("content")]: {
-			width: "100%",
-			height: "100%"
+			gap: token.marginLG
 		},
+		[scope("content")]: { width: "100%" },
 		[scope("code")]: {
 			background: "unset",
 			borderRadius: token.borderRadius,
@@ -6737,12 +6739,12 @@ const MainContent = ({ searchEnabled, handleResetSearch, handleVisitLandingPage
 	const { focusedContent, transformedData } = useStore(({ view }) => view);
 	const { wrapSSR, cx, token } = useStyle("MainContent", (token, scope) => ({
 		[scope("inner-doc-container")]: {
-			width: "100%",
-			height: "auto",
+			flex: 1,
+			minWidth: 0,
+			height: "100%",
+			overflow: "auto",
 			borderRadius: token.borderRadius,
-			padding: token.paddingXL,
-			overflow: "hidden",
-			minWidth: 0
+			padding: token.paddingXL
 		},
 		[scope("centered")]: {
 			display: "flex",
@@ -7249,8 +7251,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			display: "flex",
 			flexDirection: "column",
 			gap: token.marginLG,
-			height: "100%",
-			overflowY: "auto"
+			height: "100%"
 		},
 		[scope("section")]: {
 			flexShrink: 0,
@@ -7258,8 +7259,8 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 		},
 		[scope("docs-layout")]: {
 			display: "flex",
-			flexShrink: 0,
-			height: "auto",
+			flex: 1,
+			minHeight: 0,
 			gap: token.marginLG,
 			width: "100%"
 		},
@@ -7654,6 +7655,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: cx("documentation-container"),
+		style: { overflow: mode === "view" ? "hidden" : "auto" },
 		children: [
 			contextHolder,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {