This repository has been archived on 2025-03-19. You can view files and clone it, but cannot push or open issues or pull requests.
feishin/src/renderer/layouts/auth-layout.tsx
2022-12-19 17:44:40 -08:00

31 lines
647 B
TypeScript

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>
</>
);
};