Releasing new design #161
@ -13,6 +13,7 @@ import signPageStyles from '../../pages/sign/style.module.scss'
|
|||||||
import styles from './style.module.scss'
|
import styles from './style.module.scss'
|
||||||
import { CurrentUserFile } from '../../types/file.ts'
|
import { CurrentUserFile } from '../../types/file.ts'
|
||||||
import FileList from '../FileList'
|
import FileList from '../FileList'
|
||||||
|
import { StickySideColumns } from '../../layouts/StickySideColumns.tsx'
|
||||||
|
|
||||||
interface PdfMarkingProps {
|
interface PdfMarkingProps {
|
||||||
files: CurrentUserFile[]
|
files: CurrentUserFile[]
|
||||||
@ -112,30 +113,35 @@ const PdfMarking = (props: PdfMarkingProps) => {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Container className={signPageStyles.container}>
|
<Container className={signPageStyles.container}>
|
||||||
<div className={styles.container}>
|
<StickySideColumns
|
||||||
<div>
|
left={
|
||||||
{currentFile !== null && (
|
<div>
|
||||||
<FileList
|
{currentFile !== null && (
|
||||||
files={files}
|
<FileList
|
||||||
currentFile={currentFile}
|
files={files}
|
||||||
setCurrentFile={setCurrentFile}
|
currentFile={currentFile}
|
||||||
handleDownload={handleDownload}
|
setCurrentFile={setCurrentFile}
|
||||||
/>
|
handleDownload={handleDownload}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<div className={styles.container}>
|
||||||
|
{currentUserMarks?.length > 0 && (
|
||||||
|
<div className={styles.pdfView}>
|
||||||
|
<PdfView
|
||||||
|
currentFile={currentFile}
|
||||||
|
files={files}
|
||||||
|
handleMarkClick={handleMarkClick}
|
||||||
|
selectedMarkValue={selectedMarkValue}
|
||||||
|
selectedMark={selectedMark}
|
||||||
|
currentUserMarks={currentUserMarks}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
{currentUserMarks?.length > 0 && (
|
</StickySideColumns>
|
||||||
<div className={styles.pdfView}>
|
|
||||||
<PdfView
|
|
||||||
currentFile={currentFile}
|
|
||||||
files={files}
|
|
||||||
handleMarkClick={handleMarkClick}
|
|
||||||
selectedMarkValue={selectedMarkValue}
|
|
||||||
selectedMark={selectedMark}
|
|
||||||
currentUserMarks={currentUserMarks}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
{selectedMark !== null && (
|
{selectedMark !== null && (
|
||||||
<MarkFormField
|
<MarkFormField
|
||||||
handleSubmit={handleSubmit}
|
handleSubmit={handleSubmit}
|
||||||
|
@ -24,6 +24,6 @@
|
|||||||
}
|
}
|
||||||
.content {
|
.content {
|
||||||
max-width: 550px;
|
max-width: 550px;
|
||||||
width: 100%;
|
width: 550px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
@ -2,8 +2,8 @@
|
|||||||
|
|
||||||
.container {
|
.container {
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
width: 550px;
|
//width: 550px;
|
||||||
max-width: 550px;
|
//max-width: 550px;
|
||||||
|
|
||||||
.inputBlock {
|
.inputBlock {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
Loading…
Reference in New Issue
Block a user