cc333637dd
* Remove home link on desktop app * Spellcheck, installation toasts, background styling, … * Add email,slack, auth support * More desktop style tweaks * Move redirect to client * cleanup * Record desktop usage * docs * fix: Selection state in search input when double clicking header
32 lines
732 B
TypeScript
32 lines
732 B
TypeScript
import styled from "styled-components";
|
|
import { undraggableOnDesktop } from "~/styles";
|
|
|
|
const ResizeBorder = styled.div<{ dir?: "left" | "right" }>`
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: ${(props) => (props.dir !== "right" ? "-1px" : "auto")};
|
|
left: ${(props) => (props.dir === "right" ? "-1px" : "auto")};
|
|
width: 2px;
|
|
cursor: col-resize;
|
|
${undraggableOnDesktop()}
|
|
|
|
&:hover {
|
|
transition-delay: 500ms;
|
|
transition: background 250ms ease-in-out;
|
|
background: ${(props) => props.theme.sidebarActiveBackground};
|
|
}
|
|
|
|
&:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: -4px;
|
|
width: 10px;
|
|
${undraggableOnDesktop()}
|
|
}
|
|
`;
|
|
|
|
export default ResizeBorder;
|