Merge pull request #22 from Nexters/fix/receive-card-gradient

fix: 상세 모달 header 컬러 수정

Author: sikkzz

apps/tuk-web/src/app/invite-list/src/components/ReceiveDetailModal.tsx

@@ -23,7 +23,7 @@ const InviteDetailModal = ({ onClose }: InviteDetailModalProps) => {
 
   return (
     <div className="fixed inset-0 z-50 bg-gradient-to-b from-white-default to-[#DCC8F8]">
-      <Header>
+      <Header className="bg-transparent">
         <Header.Left />
         <Header.Right>
           <Header.Button onClick={onClose}>

apps/tuk-web/src/shared/components/Header.tsx

@@ -1,10 +1,15 @@
-import { ButtonHTMLAttributes, HTMLAttributes, PropsWithChildren } from 'react';
+import { ButtonHTMLAttributes, HTMLAttributes } from 'react';
 
 import { cn } from '@/shared/lib';
 
-export const Header = ({ children }: PropsWithChildren) => {
+export const Header = ({ children, className }: HTMLAttributes<HTMLHeadElement>) => {
   return (
-    <header className="sticky top-0 z-20 flex h-16 items-center justify-between bg-white-default px-5 py-4">
+    <header
+      className={cn(
+        'sticky top-0 z-20 flex h-16 items-center justify-between bg-white-default px-5 py-4',
+        className
+      )}
+    >
       {children}
     </header>
   );