diff --git a/packages/fakeyou.com/src/components/common/PageContainer/PageContainer.tsx b/packages/fakeyou.com/src/components/common/PageContainer/PageContainer.tsx
new file mode 100644
index 0000000000..c2088b8e9a
--- /dev/null
+++ b/packages/fakeyou.com/src/components/common/PageContainer/PageContainer.tsx
@@ -0,0 +1,24 @@
+import { container } from "data/animation";
+import { motion } from "framer-motion";
+import React from "react";
+
+interface PageContainerProps {
+ children: React.ReactNode;
+ padding?: boolean;
+}
+
+export default function PageContainer({
+ children,
+ padding,
+}: PageContainerProps) {
+ return (
+
+ {children}
+
+ );
+}
diff --git a/packages/fakeyou.com/src/components/common/Panel/Panel.tsx b/packages/fakeyou.com/src/components/common/Panel/Panel.tsx
index 8ae8d478ce..6fda465884 100644
--- a/packages/fakeyou.com/src/components/common/Panel/Panel.tsx
+++ b/packages/fakeyou.com/src/components/common/Panel/Panel.tsx
@@ -6,17 +6,17 @@ interface PanelProps {
children: React.ReactNode;
padding?: boolean;
mb?: boolean;
+ mt?: boolean;
}
-export default function Panel(props: PanelProps) {
+export default function Panel({ children, padding, mb, mt }: PanelProps) {
return (
- {props.children}
+ {children}
);
diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_edit/VcModelEditPage.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_edit/VcModelEditPage.tsx
index 952255e0b6..74121c8f7a 100644
--- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_edit/VcModelEditPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_edit/VcModelEditPage.tsx
@@ -6,6 +6,7 @@ import Panel from "components/common/Panel/Panel";
import { faEye, faFilePen, faSave } from "@fortawesome/pro-solid-svg-icons";
import PageHeaderModelView from "components/layout/PageHeaderModelView/PageHeaderModelView";
import Button from "components/common/Button/Button";
+import PageContainer from "components/common/PageContainer/PageContainer";
interface VcModelEditPageProps {
sessionWrapper: SessionWrapper;
@@ -29,7 +30,7 @@ const visibility = [
export default function VcModelEditPage(props: VcModelEditPageProps) {
let { token } = useParams() as { token: string };
return (
-
-
+
);
}
diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_view/VcModelViewPage.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_view/VcModelViewPage.tsx
index e428557465..bcb6bc2b1a 100644
--- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_view/VcModelViewPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_view/VcModelViewPage.tsx
@@ -20,6 +20,7 @@ import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapp
import { RatingButtons } from "v2/view/_common/ratings/RatingButtons";
import { RatingStats } from "v2/view/_common/ratings/RatingStats";
import ShareButton from "components/common/ShareButton/ShareButton";
+import PageContainer from "components/common/PageContainer/PageContainer";
interface VcModelViewPageProps {
sessionWrapper: SessionWrapper;
@@ -81,7 +82,7 @@ export default function VcModelViewPage(props: VcModelViewPageProps) {
const shareButton = ;
return (
-
+
);
}