mirror of https://github.com/fantasticit/think.git
client: update layout
This commit is contained in:
parent
1032a710dc
commit
c7d70f6ee9
|
@ -35,16 +35,6 @@
|
|||
right: 0;
|
||||
z-index: 100;
|
||||
transform: translate(50%);
|
||||
|
||||
&.isCollapsed {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.collapseBtn {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -26,18 +26,8 @@
|
|||
top: 1rem;
|
||||
right: 0;
|
||||
z-index: 100;
|
||||
opacity: 0;
|
||||
opacity: 1;
|
||||
transform: translate(50%);
|
||||
|
||||
&.isCollapsed {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.collapseBtn {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -24,7 +24,7 @@ export const PublicDoubleColumnLayout: React.FC<IProps> = ({ leftNode, rightNode
|
|||
<Button
|
||||
size="small"
|
||||
icon={isCollapsed ? <IconChevronRight /> : <IconChevronLeft />}
|
||||
className={cls(styles.collapseBtn, isCollapsed && styles.isCollapsed)}
|
||||
className={cls(styles.collapseBtn)}
|
||||
onClick={toggleCollapsed}
|
||||
/>
|
||||
<div
|
||||
|
|
|
@ -117,7 +117,7 @@ export const RouterHeader: React.FC = () => {
|
|||
<Space>
|
||||
<WikiOrDocumentCreator />
|
||||
<Search />
|
||||
{/* <Message /> */}
|
||||
<Message />
|
||||
<Theme />
|
||||
<User />
|
||||
</Space>
|
||||
|
|
Loading…
Reference in New Issue