diff --git a/frontend/techpick/src/app/(signed)/folders/unclassified/page.tsx b/frontend/techpick/src/app/(signed)/folders/unclassified/page.tsx index 0879b0e3f..6e1db12a2 100644 --- a/frontend/techpick/src/app/(signed)/folders/unclassified/page.tsx +++ b/frontend/techpick/src/app/(signed)/folders/unclassified/page.tsx @@ -59,18 +59,16 @@ export default function UnclassifiedFolderPage() { {pickList.length === 0 ? ( ) : ( - <> - - {pickList.map((pickInfo) => { - return ( - - ); - })} - - + + {pickList.map((pickInfo) => { + return ( + + ); + })} + )} diff --git a/frontend/techpick/src/components/PickRecord/PickRecordHeader.tsx b/frontend/techpick/src/components/PickRecord/PickRecordHeader.tsx index 488573806..b3bce1243 100644 --- a/frontend/techpick/src/components/PickRecord/PickRecordHeader.tsx +++ b/frontend/techpick/src/components/PickRecord/PickRecordHeader.tsx @@ -2,7 +2,10 @@ import { PickDateColumnLayout } from './PickDateColumnLayout'; import { PickImageColumnLayout } from './PickImageColumnLayout'; -import { pickRecordHeaderLayoutStyle } from './pickRecordHeader.css'; +import { + pickRecordHeaderLayoutStyle, + columnStyle, +} from './pickRecordHeader.css'; import { PickTagColumnLayout } from './PickTagColumnLayout'; import { PickTitleColumnLayout } from './PickTitleColumnLayout'; import { Separator } from './Separator'; @@ -11,24 +14,24 @@ export function PickRecordHeader() { return (
-
Image
+
이미지
-
Title
+
제목
-
Tags
+
태그
-
date
+
수정일
); diff --git a/frontend/techpick/src/components/PickRecord/pickRecordHeader.css.ts b/frontend/techpick/src/components/PickRecord/pickRecordHeader.css.ts index 8dfdcf548..6f49bf79d 100644 --- a/frontend/techpick/src/components/PickRecord/pickRecordHeader.css.ts +++ b/frontend/techpick/src/components/PickRecord/pickRecordHeader.css.ts @@ -9,4 +9,9 @@ export const pickRecordHeaderLayoutStyle = style({ borderTop: '1px solid ', borderBottom: '0.5px solid ', borderColor: colorVars.gold7, + backgroundColor: colorVars.gold2, +}); + +export const columnStyle = style({ + lineHeight: '24px', }); diff --git a/frontend/techpick/src/components/pickContentLayout.css.ts b/frontend/techpick/src/components/pickContentLayout.css.ts index 40686f62a..b1ee38a91 100644 --- a/frontend/techpick/src/components/pickContentLayout.css.ts +++ b/frontend/techpick/src/components/pickContentLayout.css.ts @@ -5,4 +5,5 @@ export const pickContentLayoutStyle = style({ margin: 'auto', marginTop: '24px', padding: '0 32px', + paddingBottom: '32px', });