Fix: 일부 레이아웃 수정 #65

puppypawpaw · Oct 16, 2023 · e4607fb · e4607fb
1 parent 6d9ba16
commit e4607fb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/components/ui/BoardCard/BoardCardPackage/BoardCardModalPackage/index.tsx b/components/ui/BoardCard/BoardCardPackage/BoardCardModalPackage/index.tsx
@@ -10,13 +10,13 @@ export default function BoardCardModalWrapper({
   imgs,
 }: {
   children: React.ReactNode;
-  imgs?: string[];
+  imgs: string[];
 }) {
   return (
     <FlexBox
       direction="column"
       className={` ${
-        imgs ? 'w-[1028px]' : 'w-[434px]'
+        imgs.length !== 0 ? 'w-[1028px]' : 'w-[434px]'
       } h-[720px] p-9 gap-4 bg-white opacity-100 border-[1px] border-grey-200 rounded-[10px]`}
     >
       {children}

diff --git a/components/ui/BoardCard/BoardCardPackage/Content.tsx b/components/ui/BoardCard/BoardCardPackage/Content.tsx
@@ -44,7 +44,9 @@ export default function BoardCardContent({
     <FlexBox
       direction="column"
       align="start"
-      className={`${type === 'mainPC' ? 'w-full' : 'w-[375px] h-full'} gap-3`}
+      className={`${(type === 'mainPC' || type === 'myPage') && 'w-full'} ${
+        type === 'modal' && 'w-[375px] h-full'
+      } gap-3`}
     >
       <div
         className={`body3 text-grey-800 ${