e0cf873a36
* fix: hide header when editing * fix: settings collab switch * Update app/hooks/useMouseMove.ts Co-authored-by: Tom Moor <tom.moor@gmail.com> * fix: accept timeout parameter * fix: don't hide observing banner * fix: hide on focused and observing * perf: memo * hide References too Co-authored-by: Tom Moor <tom.moor@gmail.com>
12 lines
386 B
TypeScript
12 lines
386 B
TypeScript
import * as React from "react";
|
|
import styled from "styled-components";
|
|
import Flex from "~/components/Flex";
|
|
|
|
const FadeOut = styled(Flex)<{ $fade: boolean }>`
|
|
opacity: ${(props) => (props.$fade ? 0 : 1)};
|
|
visibility: ${(props) => (props.$fade ? "hidden" : "visible")};
|
|
transition: opacity 900ms ease-in-out, visibility ease-in-out 900ms;
|
|
`;
|
|
|
|
export default React.memo(FadeOut);
|