diff --git a/packages/client/src/components/document/reader/index.tsx b/packages/client/src/components/document/reader/index.tsx index 284e900b..d86e465d 100644 --- a/packages/client/src/components/document/reader/index.tsx +++ b/packages/client/src/components/document/reader/index.tsx @@ -48,12 +48,7 @@ interface IProps { export const DocumentReader: React.FC = ({ documentId }) => { const { isMobile } = IsOnMobile.useHook(); const mounted = useMount(); - const [container, setContainer] = useState(); const { width: windowWidth } = useWindowSize(); - const { width, fontSize } = useDocumentStyle(); - const editorWrapClassNames = useMemo(() => { - return width === 'standardWidth' ? styles.isStandardWidth : styles.isFullWidth; - }, [width]); const { user } = useUser(); const { data: documentAndAuth, loading: docAuthLoading, error: docAuthError } = useDocumentDetail(documentId); const { document, authority } = documentAndAuth || {}; @@ -102,8 +97,6 @@ export const DocumentReader: React.FC = ({ documentId }) => { ); }, [document, documentId, readable, editable, gotoEdit]); - const editBtnStyle = useMemo(() => getEditBtnStyle(isMobile ? 16 : 100), [isMobile]); - return (
@@ -121,7 +114,7 @@ export const DocumentReader: React.FC = ({ documentId }) => { ellipsis={{ showTooltip: { opts: { content: document.title, style: { wordBreak: 'break-all' } } }, }} - style={{ width: isMobile ? windowWidth - 100 : ~~(windowWidth / 4) }} + style={{ width: isMobile ? windowWidth - 100 : ~~(windowWidth / 3) }} > {document.title} @@ -161,13 +154,6 @@ export const DocumentReader: React.FC = ({ documentId }) => { onAwarenessUpdate={triggerJoinUser} /> )} - {/* {!isMobile && authority && authority.editable && container && ( - container} visibilityHeight={200}> - - - )} - - {container && container} />} */} )} />