🐛 Fixing double page

src/front/Components/LayoutTemplates/DefaultDoubleSidePage/classes.module.scss

@@ -7,34 +7,29 @@
 
 	.content {
 		display: flex;
-		align-items: center;
 		height: calc(100vh - 83px);
-		width: 100%;
 
 		.sides {
-			width: 100%;
-			height: 100%;
-			display: flex;
-			align-items: center;
-			justify-content: center;
+			width: 50%;
 
 			&.image-container {
+				display: flex;
+				align-items: center;
+				justify-content: center;
 				@media (max-width: $screen-m) {
 					display: none;
 				}
 				background: var(--grey-soft);
 				.image {
+					height: 100%;
 					object-fit: contain;
 				}
 			}
 
-			.side-content {
-				max-width: 530px;
-			}
-
 			&.background-image-container {
-				height: 100%;
-				width: 100%;
+				display: flex;
+				align-items: center;
+				justify-content: center;
 
 				.background-image {
 					height: 100%;
@@ -44,4 +39,4 @@
 			}
 		}
 	}
-}
+}

src/front/Components/LayoutTemplates/DefaultDoubleSidePage/index.tsx

@@ -25,14 +25,11 @@ export default class DefaultDoubleSidePage extends React.Component<IProps, IStat
 	};
 
 	public override render(): JSX.Element {
-		console.log(this.props.type);
 		return (
 			<div className={classes["root"]}>
 				<Header isUserConnected={false} />
 				<div className={classes["content"]}>
-					<div className={classes["sides"]}>
-						<div className={classes["side-content"]}>{this.props.children}</div>
-					</div>
+					<div className={classes["sides"]}>{this.props.children}</div>
 					{this.props.type === "image" && (
 						<div className={classNames(classes["sides"], classes["image-container"])}>
 							<Image alt={"right side image"} src={this.props.image} className={classes["image"]} />

src/front/Components/Layouts/Folder/CreateFolder/classes.module.scss

@@ -0,0 +1,3 @@
+.root {
+	margin: 64px 0 0 64px;
+}