fix: 속성명 수정

Myongji-Graduate · Feb 23, 2024 · e9d20d6 · e9d20d6
1 parent e3eec71
commit e9d20d6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/(sub-page)/file-upload/page.tsx b/app/(sub-page)/file-upload/page.tsx
@@ -2,7 +2,7 @@ import ContentContainer from '../../ui/view/atom/content-container';
 
 export default function Page() {
   return (
-    <ContentContainer style="flex flex-col items-center gap-8">
+    <ContentContainer className="flex flex-col items-center gap-8">
       <div>요소1</div>
       <div>요소2</div>
     </ContentContainer>

diff --git a/app/ui/view/atom/content-container.tsx b/app/ui/view/atom/content-container.tsx
@@ -3,16 +3,16 @@ import { twMerge } from 'tailwind-merge';
 interface ContentContainerProps {
   children: React.ReactNode;
   size?: 'md' | 'lg';
-  style?: string;
+  className?: string;
 }
 
-export default function ContentContainer({ children, size = 'md', style }: ContentContainerProps) {
+export default function ContentContainer({ children, size = 'md', className }: ContentContainerProps) {
   return (
     <div
       className={twMerge(
         'absolute bg-white top-[7rem] zIndex-1 rounded-xl p-[1.5rem] shadow-lg max-md:w-full',
         size === 'md' ? 'md:w-[70%]' : 'md:w-[80%]',
-        style,
+        className,
       )}
     >
       {children}