sytle

zizdlp · Sep 6, 2024 · 28a0fd2 · 28a0fd2
1 parent 9356c04
commit 28a0fd2
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/zbook_frontend/src/components/TableOfContent.tsx b/zbook_frontend/src/components/TableOfContent.tsx
@@ -163,7 +163,7 @@ export default function TableOfContent(props: TableOfContentProps) {
   return (
     <RightSideBarWrapper>
       <div
-        className="fixed overflow-auto w-[19.5rem]"
+        className="fixed overflow-auto w-[16rem]"
         style={{ height: "calc(100vh - 128px)" }}
       >
         {/* 确保父元素具有固定高度或最大高度 */}

diff --git a/zbook_frontend/src/components/sidebars/LeftSideBarWrapper.tsx b/zbook_frontend/src/components/sidebars/LeftSideBarWrapper.tsx
@@ -16,7 +16,7 @@ export default function LeftSideBarWrapper({
 
       <div className="hidden lg:block">
         <div
-          className={`z-40 hidden lg:block fixed bottom-0 right-auto w-[19.5rem]  top-[46px] lg:top-[54px]`}
+          className={`z-40 hidden lg:block fixed bottom-0 right-auto w-[18.5rem] top-[46px] lg:top-[54px]`}
         >
           {children}
         </div>

diff --git a/zbook_frontend/src/components/sidebars/RightSideBarWrapper.tsx b/zbook_frontend/src/components/sidebars/RightSideBarWrapper.tsx
@@ -5,7 +5,7 @@ interface RightSideBarWrapperProps {
 export default function RightSideBarWrapper(props: RightSideBarWrapperProps) {
   return (
     <div
-      className="z-10 hidden xl:flex flex-none w-[19rem]"
+      className="z-10 hidden xl:flex flex-none w-[16rem]"
       id="table-of-contents"
     >
       {props.children}

diff --git a/zbook_frontend/src/components/wrappers/MainContentWrapper.tsx b/zbook_frontend/src/components/wrappers/MainContentWrapper.tsx
@@ -6,7 +6,7 @@ export default function MainContentWrapper(props: MainContentWrapperProps) {
   return (
     <div className="flex flex-row lg:pt-[42px] pt-[24px]">
       <div
-        className="relative grow overflow-hidden lg:pl-[21rem] lg:pr-[2.5rem]"
+        className="relative grow overflow-hidden lg:pl-[22rem] lg:pr-[5rem]"
         id="content-area"
       >
         {props.children}