fix(desktop): update responsive styles in EntryContent and ContainerToc components, fixed #3651

Innei · Innei · commit e80f8a4dd34f · 2025-05-09T23:01:32.000+08:00
- Adjusted max-width breakpoint for EntryContent to improve layout on larger screens.
- Modified visibility and styling of the ContainerToc component for better responsiveness.

Signed-off-by: Innei &lt;tukon479@gmail.com&gt;
diff --git a/apps/desktop/layer/renderer/src/modules/entry-content/index.electron.tsx b/apps/desktop/layer/renderer/src/modules/entry-content/index.electron.tsx
@@ -127,7 +127,7 @@ export const EntryContent: Component<EntryContentProps> = ({
             <article
               data-testid="entry-render"
               onContextMenu={stopPropagation}
-              className="@[47.5rem]:max-w-[70ch] @7xl:max-w-[80ch] relative m-auto min-w-0 max-w-[550px]"
+              className="@[950px]:max-w-[70ch] @7xl:max-w-[80ch] relative m-auto min-w-0 max-w-[550px]"
             >
               <EntryTitle entryId={entryId} compact={compact} />
 
diff --git a/apps/desktop/layer/renderer/src/modules/entry-content/index.shared.tsx b/apps/desktop/layer/renderer/src/modules/entry-content/index.shared.tsx
@@ -254,7 +254,10 @@ export const ContainerToc = memo(
 
     return (
       <RootPortal to={wrappedElement!}>
-        <div className="group absolute right-[-130px] top-0 h-full w-[100px]" data-hide-in-print>
+        <div
+          className="@[770px]:block group absolute right-[-130px] top-0 hidden h-full w-[100px]"
+          data-hide-in-print
+        >
           <div className="sticky top-0">
             <Toc
               ref={ref}

Original file line number	Diff line number	Diff line change
`@@ -127,7 +127,7 @@ export const EntryContent: Component<EntryContentProps> = ({`
`127`	`127`	`<article`
`128`	`128`	`data-testid="entry-render"`
`129`	`129`	`onContextMenu={stopPropagation}`
`130`		`- className="@[47.5rem]:max-w-[70ch] @7xl:max-w-[80ch] relative m-auto min-w-0 max-w-[550px]"`
	`130`	`+ className="@[950px]:max-w-[70ch] @7xl:max-w-[80ch] relative m-auto min-w-0 max-w-[550px]"`
`131`	`131`	`>`
`132`	`132`	`<EntryTitle entryId={entryId} compact={compact} />`
`133`	`133`