feat: use flexbox to center the floating title (#1959)

* use flexbox to center the floating title

* simplify breadcumb alignment

* small adjustments

* fix alignment on actions
This commit is contained in:
Nan Yu
2021-03-15 19:24:14 -07:00
committed by GitHub
parent ffc270b567
commit eff56b758c
5 changed files with 51 additions and 47 deletions

View File

@@ -28,7 +28,7 @@ export const ToggleButton = styled.button`
transition: opacity 100ms ease-in-out;
transform: translateY(-50%)
scaleX(${(props) => (props.$direction === "left" ? 1 : -1)});
position: absolute;
position: fixed;
top: 50vh;
padding: 8px;
border: 0;