diff --git a/apps/mobile/web-app/html-renderer/src/components/heading.tsx b/apps/mobile/web-app/html-renderer/src/components/heading.tsx
index dd98e515d..33763ae79 100644
--- a/apps/mobile/web-app/html-renderer/src/components/heading.tsx
+++ b/apps/mobile/web-app/html-renderer/src/components/heading.tsx
@@ -1,10 +1,14 @@
-import { useScrollViewElement } from "@follow/components/ui/scroll-area/hooks.js"
-import { springScrollToElement } from "@follow/utils/scroller"
import { cn } from "@follow/utils/utils"
-import { useContext, useId, useRef } from "react"
-
-import { MarkdownRenderContainerRefContext } from "./__internal/ctx"
+import { useId, useRef } from "react"
+const size = {
+ 1: "text-[1.6em]",
+ 2: "text-[1.5em]",
+ 3: "text-[1.3em]",
+ 4: "text-[1.1em]",
+ 5: "text-[1.05em]",
+ 6: "text-[1em]",
+}
export const createHeadingRenderer =
(level: number) =>
(
@@ -15,35 +19,16 @@ export const createHeadingRenderer =
const As = `h${level}` as any
const { node, ...rest } = props as any
- const scroller = useScrollViewElement()
- const renderContainer = useContext(MarkdownRenderContainerRefContext)
const ref = useRef(null)
return (
-
+
{rest.children}
- {
- if (!renderContainer) return
-
- springScrollToElement(
- renderContainer.querySelector(`[data-rid="${rid}"]`)!,
- -100,
- scroller!,
- )
- }}
- >
-
-
-
-
-
)
}