Add spacing to push block

opengento · Feb 2, 2025 · 8ae540f · 8ae540f
1 parent 83c5ab3
commit 8ae540f
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 37 deletions.
diff --git a/src/app/staff/page.tsx b/src/app/staff/page.tsx
@@ -52,6 +52,7 @@ export default function Page() {
           variant="h1"
           color="dark"
           weight="semibold"
+          underlineColor="primary-100"
           className="mb-2"
         >
           {t('staff:title')}

diff --git a/src/layouts/Push/Push.tsx b/src/layouts/Push/Push.tsx
@@ -10,44 +10,42 @@ const Push = () => {
   const { t } = useTranslation(['common']);
 
   return (
-    <ContentMedia
-      imageUrl="/images/media/faq.png"
-      imagePosition="left"
-      imageWidth="40%"
-    >
-      <div className="flex flex-col gap-6 h-full justify-center">
-        <Typography
-          variant="subtitle1"
-          weight="semibold"
-          color="primary"
-        >
-          {t('common:pushSubtitle')}
-        </Typography>
-        <Typography color="dark">
-          {t('common:pushContent')}
-        </Typography>
-        <div className="flex flex-row flex-wrap gap-8">
-          <ButtonLink
-            variant="secondary-invert"
-            href={t('common:programUrl')}
-            iconPosition="right"
-            icon={<IoIosArrowForward />}
-          >
-            {t('common:programLabel')}
-          </ButtonLink>
-          <ButtonLink
-            variant="secondary-invert"
-            href={t('common:ticketingUrl')}
-            target="_blank"
-            rel="noopener"
-            iconPosition="right"
-            icon={<IoIosArrowForward />}
-          >
-            {t('common:ticketingLabel')}
-          </ButtonLink>
+    <div className="my-4">
+      <ContentMedia
+        imageUrl="/images/media/faq.png"
+        imagePosition="left"
+        imageWidth="40%"
+      >
+        <div className="flex flex-col gap-6 h-full justify-center">
+          <Typography variant="h5" weight="semibold" color="primary">
+            {t('common:pushSubtitle')}
+          </Typography>
+          <Typography color="dark" weight="medium">
+            {t('common:pushContent')}
+          </Typography>
+          <div className="flex flex-row flex-wrap gap-8">
+            <ButtonLink
+              variant="secondary-invert"
+              href={t('common:programUrl')}
+              iconPosition="right"
+              icon={<IoIosArrowForward />}
+            >
+              {t('common:programLabel')}
+            </ButtonLink>
+            <ButtonLink
+              variant="secondary-invert"
+              href={t('common:ticketingUrl')}
+              target="_blank"
+              rel="noopener"
+              iconPosition="right"
+              icon={<IoIosArrowForward />}
+            >
+              {t('common:ticketingLabel')}
+            </ButtonLink>
+          </div>
         </div>
-      </div>
-    </ContentMedia>
+      </ContentMedia>
+    </div>
   );
 };