vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2025-06-11 18:43:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

formatting all the files

Browse Source
This commit is contained in:
Juan Allo Ron
2021-02-22 22:37:29 -08:00
parent acf2da9272
commit 692f98f2bb
70 changed files with 4365 additions and 3403 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/editor/src/components/canvas/index.tsx
View File

@ -1,8 +1,6 @@
import React from 'react';
import { StyledCanvas } from './styled';
import React from 'react'
import { StyledCanvas } from './styled'
const Canvas = (): React.ReactElement => (
<StyledCanvas>canvas</StyledCanvas>
);
const Canvas = (): React.ReactElement => <StyledCanvas>canvas</StyledCanvas>
export default Canvas;
export default Canvas

4
packages/editor/src/components/canvas/styled.ts
View File

@ -1,8 +1,8 @@
import styled from 'styled-components';
import styled from 'styled-components'
export const StyledCanvas = styled.div`
height: 100%
width: 100%;
flex: 1;
`;
`

10
packages/editor/src/components/footer/index.tsx
View File

@ -1,8 +1,6 @@
import React from 'react';
import { StyledFooter } from './styled';
import React from 'react'
import { StyledFooter } from './styled'
const Footer = (): React.ReactElement => (
<StyledFooter>footer</StyledFooter>
);
const Footer = (): React.ReactElement => <StyledFooter>footer</StyledFooter>
export default Footer;
export default Footer

12
packages/editor/src/components/footer/styled.ts
View File

@ -1,8 +1,8 @@
import styled from 'styled-components';
import { times } from '../../size';
import styled from 'styled-components'
import { times } from '../../size'
export const StyledFooter = styled.div`
height: ${times(10)};
width: 100%;
border: 1px solid black;
`;
height: ${times(10)};
width: 100%;
border: 1px solid black;
`

24
packages/editor/src/components/frame/index.tsx
View File

@ -1,15 +1,15 @@
import React from 'react';
import Footer from '../footer';
import TopBar from '../top-bar';
import Canvas from '../canvas';
import { StyledFrame } from './styled';
import React from 'react'
import Footer from '../footer'
import TopBar from '../top-bar'
import Canvas from '../canvas'
import { StyledFrame } from './styled'
const Frame = (): React.ReactElement => (
<StyledFrame>
<TopBar />
<Canvas />
<Footer />
</StyledFrame>
);
<StyledFrame>
<TopBar />
<Canvas />
<Footer />
</StyledFrame>
)
export default Frame;
export default Frame

12
packages/editor/src/components/frame/styled.ts
View File

@ -1,8 +1,8 @@
import styled from 'styled-components';
import styled from 'styled-components'
export const StyledFrame = styled.div`
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
`;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
`

8
packages/editor/src/components/top-bar/index.tsx
View File

@ -1,8 +1,6 @@
import React from 'react';
import React from 'react'
import { StyledTopBar } from './styled'
const TopBar = ():React.ReactElement => (
<StyledTopBar>top bar</StyledTopBar>
);
const TopBar = (): React.ReactElement => <StyledTopBar>top bar</StyledTopBar>
export default TopBar;
export default TopBar

12
packages/editor/src/components/top-bar/styled.ts
View File

@ -1,8 +1,8 @@
import styled from 'styled-components';
import { times } from '../../size';
import styled from 'styled-components'
import { times } from '../../size'
export const StyledTopBar = styled.div`
height: ${times(10)};
width: 100%;
border: 1px solid black;
`;
height: ${times(10)};
width: 100%;
border: 1px solid black;
`

4
packages/editor/src/index.tsx
View File

@ -1,3 +1,3 @@
import Editor from './components/frame';
import Editor from './components/frame'
export default Editor;
export default Editor

15
packages/editor/src/size.ts
View File

@ -1,10 +1,9 @@
const unit = 4 // pixels
const unit = 4; // pixels
export const XS = '4px'
export const S = '8px'
export const M = '16px'
export const L = '24px'
export const XL = '24px'
export const XS = '4px';
export const S = '8px';
export const M = '16px';
export const L = '24px';
export const XL = '24px';
export const times = (n: number):string => `${unit * n}px`;
export const times = (n: number): string => `${unit * n}px`