Revize ce63b2ab
Přidáno uživatelem Dominik Poch před více než 2 roky(ů)
webapp/pages/annotation/index.tsx | ||
---|---|---|
1 |
import { Layout } from 'antd'; |
|
2 | 1 |
import { AnnotationPanel } from '../../components/annotation/annotationPanel'; |
3 | 2 |
import { DocumentAnnotationView } from '../../components/annotation/documentAnnotationView'; |
4 | 3 |
import { TagPanel } from '../../components/annotation/tagPanel'; |
... | ... | |
6 | 5 |
import 'antd/dist/antd.css'; |
7 | 6 |
import styles from '/styles/annotation.module.scss'; |
8 | 7 |
|
9 |
const { Content, Sider } = Layout; |
|
10 |
|
|
11 | 8 |
/** |
12 | 9 |
* Creates an annotation screen. |
13 | 10 |
* @returns The annotation screen. |
... | ... | |
15 | 12 |
function Annotation() { |
16 | 13 |
return ( |
17 | 14 |
<MainLayout> |
18 |
<Layout hasSider>
|
|
19 |
<Sider className={styles.leftSidePanel}>
|
|
15 |
<div className={styles.layoutwrapper}>
|
|
16 |
<div className={styles.tags}>
|
|
20 | 17 |
<TagPanel /> |
21 |
</Sider>
|
|
22 |
<Content className={styles.mainView}>
|
|
18 |
</div>
|
|
19 |
<div className={styles.document}>
|
|
23 | 20 |
<DocumentAnnotationView /> |
24 |
</Content>
|
|
25 |
<Sider className={styles.rightSidePanel}>
|
|
21 |
</div>
|
|
22 |
<div className={styles.annotations}>
|
|
26 | 23 |
<AnnotationPanel /> |
27 |
</Sider>
|
|
28 |
</Layout>
|
|
24 |
</div>
|
|
25 |
</div>
|
|
29 | 26 |
</MainLayout> |
30 | 27 |
); |
31 | 28 |
} |
Také k dispozici: Unified diff
Removed ant layout and used css grid
Changed layouting technology and added main layout for all pages.