f2da24326b
* update: add leftbar to app * style: a few cosmetic changes * update: allow pinning workbooks * style: show ellipsis button only on hover * update: add basic responsiveness * style: use active state when file and help menus are open * style: increase transition time * update: allow duplication of workbooks * chore: standardize menus
30 lines
615 B
TypeScript
30 lines
615 B
TypeScript
import styled from "@emotion/styled";
|
|
import WorkbookList from "./WorkbookList";
|
|
|
|
interface DrawerContentProps {
|
|
setModel: (key: string) => void;
|
|
onDelete: (uuid: string) => void;
|
|
}
|
|
|
|
function DrawerContent(props: DrawerContentProps) {
|
|
const { setModel, onDelete } = props;
|
|
|
|
return (
|
|
<ContentContainer>
|
|
<WorkbookList setModel={setModel} onDelete={onDelete} />
|
|
</ContentContainer>
|
|
);
|
|
}
|
|
|
|
const ContentContainer = styled("div")`
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
padding: 16px 12px;
|
|
height: 100%;
|
|
overflow: scroll;
|
|
font-size: 12px;
|
|
`;
|
|
|
|
export default DrawerContent;
|