client: fix layout

packages/client/src/components/document/collaboration/index.tsx

@@ -144,7 +144,7 @@ export const DocumentCollaboration: React.FC<IProps> = ({ wikiId, documentId, di
         visible={visible}
         onVisibleChange={toggleVisible}
         trigger="click"
-        position={isMobile ? 'top' : 'bottomLeft'}
+        position={isMobile ? 'topRight' : 'bottomLeft'}
         style={{ width: 376, maxWidth: '80vw' }}
         content={
           <Tabs type="line">

packages/client/src/components/document/reader/public/index.tsx

@@ -118,10 +118,10 @@ export const DocumentPublicReader: React.FC<IProps> = ({ documentId, hideLogo =
           mode="horizontal"
           header={
             !hideLogo && !isMobile ? (
-              <>
+              <Space style={{ marginRight: 12 }}>
                 <LogoImage />
                 <LogoText />
-              </>
+              </Space>
             ) : null
           }
           footer={
@@ -137,7 +137,7 @@ export const DocumentPublicReader: React.FC<IProps> = ({ documentId, hideLogo =
             error={error}
             loadingContent={<Skeleton active placeholder={<Skeleton.Title style={{ width: 80 }} />} loading={true} />}
             normalContent={() => (
-              <Breadcrumb>
+              <Breadcrumb >
                 <Breadcrumb.Item>
                   <Link href="/share/wiki/[wikiId]" as={`/share/wiki/${data.wikiId}`}>
                     <a>{data?.wiki?.name}</a>