fix: styling

src/pages/create/index.tsx

@@ -63,6 +63,7 @@ import styles from './style.module.scss'
 import { PdfFile } from '../../types/drawing'
 import { DrawPDFFields } from '../../components/DrawPDFFields'
 import { Mark } from '../../types/mark.ts'
+import { Container } from '../../components/Container'
 
 export const CreatePage = () => {
   const navigate = useNavigate()
@@ -693,7 +694,7 @@ export const CreatePage = () => {
   return (
     <>
       {isLoading && <LoadingSpinner desc={loadingSpinnerDesc} />}
-      <Box className={styles.container}>
+      <Container className={styles.container}>
         <TextField
           label="Title"
           value={title}
@@ -782,7 +783,7 @@ export const CreatePage = () => {
             Create
           </Button>
         </Box>
-      </Box>
+      </Container>
     </>
   )
 }

src/pages/create/style.module.scss

@@ -6,6 +6,8 @@
   color: $text-color;
   margin-top: 10px;
   gap: 10px;
+  width: 550px;
+  max-width: 550px;
 
   .inputBlock {
     display: flex;

src/pages/sign/index.tsx

@@ -31,11 +31,11 @@ import {
   signEventForMetaFile,
   updateUsersAppData
 } from '../../utils'
+import { Container } from '../../components/Container'
 import { DisplayMeta } from './internal/displayMeta'
 import styles from './style.module.scss'
 import { PdfFile } from '../../types/drawing.ts'
 import { convertToPdfFile } from '../../utils/pdf.ts'
-// import PdfView from '../../components/PDFView'
 import { CurrentUserMark, Mark } from '../../types/mark.ts'
 import { getLastSignersSig } from '../../utils/sign.ts'
 import {
@@ -44,7 +44,6 @@ import {
   isCurrentUserMarksComplete, updateMarks
 } from '../../utils'
 import PdfMarking from '../../components/PDFView/PdfMarking.tsx'
-import { Container } from '../../components/Container'
 enum SignedStatus {
   Fully_Signed,
   User_Is_Next_Signer,
@@ -848,7 +847,7 @@ export const SignPage = () => {
   if (isReadyToSign) {
     return (
       <>
-        <Box className={styles.container}>
+        <Container className={styles.container}>
           {displayInput && (
             <>
               <Typography component="label" variant="h6">
@@ -914,7 +913,7 @@ export const SignPage = () => {
               )}
             </>
           )}
-        </Box>
+        </Container>
       </>
     )
   }

src/pages/sign/style.module.scss

@@ -2,6 +2,8 @@
 
 .container {
   color: $text-color;
+  width: 550px;
+  max-width: 550px;
 
   .inputBlock {
     position: relative;