Merge pull request #10 from Nexters/feat/meet-invite-page-ui-edit

feat: 만남 초대장 페이지 퍼블리싱 수정

Author: sikkzz

apps/tuk-web/src/app/invite/meet/src/components/InviteMeet.tsx

@@ -4,6 +4,7 @@ import { useEffect, useState } from 'react';
 
 import GradientBackground from '@/app/invite/meet/src/components/GradientBackground';
 import { Button, CloseIcon } from '@/components';
+import { cn } from '@/lib';
 
 const BANNER_KEY = 'invite-banner-dismissed-at';
 const BANNER_RESHOW_MINUTES = 30;
@@ -59,7 +60,12 @@ const InviteMeet = () => {
         </div>
       )}
 
-      <h2 className="mt-[6.875rem] text-title-22-M text-black-500">
+      <h2
+        className={cn(
+          'text-title-22-M text-black-500',
+          showBanner ? 'mt-[6.875rem]' : 'mt-[1.875rem]'
+        )}
+      >
         보고 싶은 마음이
         <br />
         도착했어요
@@ -97,7 +103,7 @@ const InviteMeet = () => {
         </div>
       </div>
 
-      <div className="mt-[4.125rem] flex justify-center">
+      <div className="mt-[4.125rem] flex justify-center pb-[9.0625rem]">
         <TukLogo />
       </div>
 

apps/tuk-web/src/lib/cn.ts

@@ -7,6 +7,7 @@ const twMerge = extendTailwindMerge({
       'font-size': [
         'text-title-26-M',
         'text-title-24-M',
+        'text-title-22-M',
         'text-body-16-R',
         'text-body-16-M',
         'text-body-14-M',