feat: 1

src/components/RightContent/Book/components/UserList/index.less

@@ -55,9 +55,10 @@
 }
 
 .book-list {
-  z-index: 101;
   // position: absolute;
   // right: -14.5rem;
+  top: 50px;
+  z-index: 101;
   width: 0;
   height: calc(100vh - 50px);
   transition: all 0.47s cubic-bezier(0.34, 1.25, 0.3, 1);

src/components/RightContent/Book/components/UserList/index.tsx

@@ -1,5 +1,4 @@
 import { useState } from 'react'
-import { Button } from 'antd'
 import { useIntl } from 'umi'
 import './index.less'
 
@@ -21,7 +20,9 @@ const UesrList: React.FC<UserListProps> = ({ onlineList }) => {
   const intl = useIntl()
   return (
     <>
-      <Button onClick={() => setVisible(!visible)}>固钉</Button>
+      <span className="absolute top-12 left-[-3rem]" onClick={() => setVisible(!visible)}>
+        固钉
+      </span>
       <div
         className={[
           'book-list border border-solid border-hex-1d1d1d border-opacity-7 bg-hex-f7f9fa flex flex-col bg-hex-f9f7fa text-hex-666',

src/components/RightContent/Book/index.tsx

@@ -26,8 +26,8 @@ const Book = () => {
     }
   }, [initialState?.currentUser])
   return (
-    <div className="fixed top-12 right-0">
-      <div className="relative flex flex-row items-center">
+    <div className="fixed top-50px right-0">
+      <div className="relative">
         <UesrList onlineList={onlineList} />
       </div>
     </div>