diff --git a/client/layouts/SidePanelLayout/SidePanelLayout.module.scss b/client/layouts/SidePanelLayout/SidePanelLayout.module.scss index c59d9408..7ada796f 100644 --- a/client/layouts/SidePanelLayout/SidePanelLayout.module.scss +++ b/client/layouts/SidePanelLayout/SidePanelLayout.module.scss @@ -1,7 +1,7 @@ @use '../../styles/core/boilerplate' as *; .layout_wrapper { - margin-top: 95px; + margin-top: 20px; display: flex; justify-content: center; flex-wrap: wrap; @@ -39,3 +39,11 @@ margin-bottom: 0; } } + +.warning { + max-width: 1200px; + margin-bottom: 24px; + @include tablet-down { + max-width: 100%; + } +} diff --git a/client/layouts/SidePanelLayout/SidePanelLayout.tsx b/client/layouts/SidePanelLayout/SidePanelLayout.tsx index 55e39908..53044532 100644 --- a/client/layouts/SidePanelLayout/SidePanelLayout.tsx +++ b/client/layouts/SidePanelLayout/SidePanelLayout.tsx @@ -6,6 +6,7 @@ import FeedbackBanner from '@Shared/FeedbackBanner/FeedbackBanner'; import SkeletonCard from '@Shared/SkeletonCard/SkeletonCard'; import { SubscriptionT } from 'services/subscription.service'; import Hub, { loadingHub } from 'classes/Hub'; +import Warning from '@Shared/Warning/Warning'; type SidePanelLayoutProps = { children: ReactNode; @@ -27,6 +28,17 @@ const SidePanelLayout = ({ return ( <> +