client: update layout

This commit is contained in:
fantasticit 2022-05-25 13:38:48 +08:00
parent 1032a710dc
commit c7d70f6ee9
4 changed files with 3 additions and 23 deletions

View File

@ -35,16 +35,6 @@
right: 0; right: 0;
z-index: 100; z-index: 100;
transform: translate(50%); transform: translate(50%);
&.isCollapsed {
opacity: 1;
}
}
&:hover {
.collapseBtn {
opacity: 1;
}
} }
} }

View File

@ -26,18 +26,8 @@
top: 1rem; top: 1rem;
right: 0; right: 0;
z-index: 100; z-index: 100;
opacity: 0; opacity: 1;
transform: translate(50%); transform: translate(50%);
&.isCollapsed {
opacity: 1;
}
}
&:hover {
.collapseBtn {
opacity: 1;
}
} }
} }

View File

@ -24,7 +24,7 @@ export const PublicDoubleColumnLayout: React.FC<IProps> = ({ leftNode, rightNode
<Button <Button
size="small" size="small"
icon={isCollapsed ? <IconChevronRight /> : <IconChevronLeft />} icon={isCollapsed ? <IconChevronRight /> : <IconChevronLeft />}
className={cls(styles.collapseBtn, isCollapsed && styles.isCollapsed)} className={cls(styles.collapseBtn)}
onClick={toggleCollapsed} onClick={toggleCollapsed}
/> />
<div <div

View File

@ -117,7 +117,7 @@ export const RouterHeader: React.FC = () => {
<Space> <Space>
<WikiOrDocumentCreator /> <WikiOrDocumentCreator />
<Search /> <Search />
{/* <Message /> */} <Message />
<Theme /> <Theme />
<User /> <User />
</Space> </Space>