mirror of https://github.com/fantasticit/think.git
client: update layout
parent
1032a710dc
commit
c7d70f6ee9
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -117,7 +117,7 @@ export const RouterHeader: React.FC = () => {
|
||||||
<Space>
|
<Space>
|
||||||
<WikiOrDocumentCreator />
|
<WikiOrDocumentCreator />
|
||||||
<Search />
|
<Search />
|
||||||
{/* <Message /> */}
|
<Message />
|
||||||
<Theme />
|
<Theme />
|
||||||
<User />
|
<User />
|
||||||
</Space>
|
</Space>
|
||||||
|
|
Loading…
Reference in New Issue