fix: correctly render comments on api description

ForkbombEu · Dec 17, 2024 · 1dcc16f · 1dcc16f
1 parent dcd7a50
commit 1dcc16f
Showing 1 changed file with 26 additions and 10 deletions.
diff --git a/src/openapi.ts b/src/openapi.ts
@@ -146,18 +146,34 @@ To add new endpoints you should add new zencode contracts in the directory.
 	tags: []
 };
 
+const openapiCss = `
+<style>
+	.HttpOperation__Description h1:before {
+		content: "#";
+	}
+	.HttpOperation__Description h1 {
+		font-size: 16px;
+		margin: 0 0;
+		font-style: italic;
+		color: #444;
+		font-weight: 100;
+	}
+</style>
+`;
+
 export const openapiTemplate = `
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <title>noˑcodeˑroom documentation</title>
-    <script src="https://unpkg.com/@stoplight/elements/web-components.min.js"></script>
-    <link rel="stylesheet" href="https://unpkg.com/@stoplight/elements/styles.min.css">
-  </head>
-  <body>
-    <elements-api layout="sidebar" router="hash" apiDescriptionUrl="${config.basepath}/oas.json" />
-  </body>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+		<title>noˑcodeˑroom documentation</title>
+		<script src="https://unpkg.com/@stoplight/elements/web-components.min.js"></script>
+		<link rel="stylesheet" href="https://unpkg.com/@stoplight/elements/styles.min.css">
+		${openapiCss}
+	</head>
+	<body>
+		<elements-api layout="sidebar" router="hash" apiDescriptionUrl="${config.basepath}/oas.json" />
+	</body>
 </html>
 `;