design: 블랙 테마 스타일 작업

apps/common/features/src/widgets/post/model/grid-view-table-columns.tsx

@@ -38,9 +38,9 @@ export const createColumns = (
               <Badge color="blue">NEW</Badge>
             )}
           </div>
-          <div className="flex items-start gap-2 text-left">
-            <span className="text-3xl font-bold leading-none">{pstTtl}</span>
-          </div>
+          <span className="text-3xl font-bold leading-none text-label">
+            {pstTtl}
+          </span>
         </div>
       );
     },
@@ -49,7 +49,6 @@ export const createColumns = (
     id: "atflCd",
     cell: ({ row }) => {
       const atflCd = row.original.atflCd;
-      if (!atflCd) return null;
       return (
         <ThumbImage
           atflCd={atflCd}
@@ -63,13 +62,15 @@ export const createColumns = (
     id: "rgtrNm",
     cell: ({ row }) => {
       const { rgtrNm } = row.original;
-      return <span className="text-[1.4rem] font-bold">{rgtrNm}</span>;
+      return (
+        <span className="text-[1.4rem] font-bold text-label">{rgtrNm}</span>
+      );
     },
   },
   {
     id: "regDt",
     cell: ({ row }) => (
-      <span className="text-[1.2rem]">
+      <span className="text-[1.2rem] text-label">
         {dayjs(row.original.regDt).format("YYYY-MM-DD")}
       </span>
     ),
@@ -102,16 +103,21 @@ const ThumbImage = ({ atflCd, pstNo, thumbRefs }: ThumbImageProps) => {
       </div>
     );
 
-  if (!imageUrl) return null;
+  if (imageUrl)
+    return (
+      <div className="relative my-6 flex h-[16rem] w-full items-center justify-center">
+        <Image
+          src={imageUrl}
+          className="object-contain"
+          fill
+          alt="썸네일 이미지"
+        />
+      </div>
+    );
 
   return (
-    <div className="relative my-6 flex h-[16rem] w-full items-center justify-center">
-      <Image
-        src={imageUrl}
-        className="object-contain"
-        fill
-        alt="썸네일 이미지"
-      />
+    <div className="my-6 flex h-[16rem] w-full items-center justify-center rounded-sm border border-border bg-background">
+      <i className="diveicon di-image text-3xl" />
     </div>
   );
 };