small UI fix

Author: abrulic

.github/workflows/publish-documentation.yaml

@@ -17,7 +17,6 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
         with:
-          ref: ${{ github.head_ref }}    # ← checkout the PR head branch
           fetch-depth: 0
 
       - name: Setup pnpm
@@ -57,13 +56,14 @@ jobs:
           path: docs/app/utils/versions.ts
           if-no-files-found: error
 
-
-  deploy-docs-pr-preview:
+  deploy-docs-on-release:
     needs: [build-docs]
     name: Deploy Docs
+    environment:
+      name: docs-release
     runs-on: ubuntu-latest
     steps:
-      -  uses: actions/checkout@v4
+      - uses: actions/checkout@v4
 
       - name: Download generated docs (tgz)
         uses: actions/download-artifact@v4

docs/app/components/code-block/code-block-syntax-highlighter.ts

@@ -15,6 +15,8 @@ const MASTER_REGEX = new RegExp(
     "\\/\\*[\\s\\S]*?\\*\\/",
     // hash comment at start of line
     "^\\s*#.*$",
+    // backtick inline code
+    "\\`(?:[^`\\\\]|\\\\.)*\\`",
     // strings
     "(['\"])(?:(?!\\1)[^\\\\]|\\\\.)*\\1",
     // numbers
@@ -23,15 +25,14 @@ const MASTER_REGEX = new RegExp(
     "[a-zA-Z_$][a-zA-Z0-9_$]*",
     // arrow function
     "=>",
-    // operators & punctuation:
-    // - multi-char first
-    // - single '/' only if NOT starting a comment
+    // operators & punctuation
     "===|!==|<=|>=|==|!=|&&|\\|\\||\\+\\+|--|[+\\-*%=<>!?:(){}\\[\\];,.]|\\/(?![/*])|[+\\-*/%]=",
   ].join("|"),
   "gm"
 )
 
 
+
 const KEYWORDS = [
 	"import",
 	"export",

docs/app/tailwind.css

@@ -62,8 +62,8 @@
 		--color-background-active: #f3f4f6;
 		--color-text-accent: #646464;
 
-		--color-code-inline-bg: #f5f5f5;
-		--color-code-inline-text: #1f2937;
+		--color-code-inline-text: #04825b;
+		--color-code-inline-bg: #f3f4f6;
 
 		--color-code-block-bg: #fcfcfc;
 		--color-code-block-text: #334155;
@@ -172,8 +172,8 @@
 		--color-background-active: #1a1a1a;
 		--color-text-accent: #878787;
 
-		--color-code-inline-bg: #1a1a1a;
-		--color-code-inline-text: #f5f5f5;
+		--color-code-inline-text: #34d399;
+			--color-code-inline-bg: #1a1a1a;
 
 		--color-code-block-bg: #1a1a1a;
 		--color-code-block-text: #e2e8f0;
@@ -289,4 +289,9 @@
 	*::-webkit-scrollbar-thumb {
 		cursor: default;
 	}
+
+	.prose :not(pre) > code::before,
+.prose :not(pre) > code::after {
+  content: none !important;
+}
 }

docs/app/ui/inline-code.tsx

@@ -14,7 +14,7 @@ export const InlineCode = (props: ComponentPropsWithoutRef<"code">) => {
 	return (
 		<code
 			{...props}
-			className="rounded bg-[var(--color-code-inline-bg)] p-0.5 text-[var(--color-code-inline-text)] text-xs sm:text-sm md:text-base"
+			className="rounded bg-[var(--color-code-inline-bg)] py-1 px-2 mx-1 text-[var(--color-code-inline-text)] text-xs sm:text-sm md:text-base "
 		/>
 	)
 }