feishin/src/renderer/layouts/auth-layout.tsx

32 lines
647 B
TypeScript
Raw Normal View History

2022-12-19 15:59:14 -08:00
import { Outlet } from 'react-router-dom';
import styled from 'styled-components';
import { Titlebar } from '/@/renderer/features/titlebar/components/titlebar';
const WindowsTitlebarContainer = styled.div`
position: absolute;
z-index: 1000;
display: flex;
width: 100%;
height: 50px;
user-select: none;
-webkit-app-region: drag;
`;
const ContentContainer = styled.div`
display: flex;
height: 100%;
`;
export const AuthLayout = () => {
return (
<>
<WindowsTitlebarContainer>
<Titlebar />
</WindowsTitlebarContainer>
<ContentContainer>
<Outlet />
</ContentContainer>
</>
);
};