File tree Expand file tree Collapse file tree 3 files changed +9
-6
lines changed Expand file tree Collapse file tree 3 files changed +9
-6
lines changed Original file line number Diff line number Diff line change @@ -17,7 +17,7 @@ const HomeMiniBanner = () => {
17
17
18
18
const Layout = styled . div `
19
19
width: 20vw;
20
- height: 210px ;
20
+ height: 180px ;
21
21
` ;
22
22
23
23
const Container = styled ( Link ) `
Original file line number Diff line number Diff line change @@ -18,9 +18,7 @@ const HomePostList = ({ posts }: HomePostListProps) => {
18
18
{ posts ?. map ( ( post ) => (
19
19
< PostListItem href = { `${ ROUTER . POST . LIST } /${ post . id } ` } key = { post . id } >
20
20
< StyledTitle > { post . title } </ StyledTitle >
21
- < StyledDate >
22
- { dayjs ( post . createdAt ) . format ( "YYYY년 M월 D일" ) }
23
- </ StyledDate >
21
+ < StyledDate > { dayjs ( post . createdAt ) . format ( "M월 D일" ) } </ StyledDate >
24
22
</ PostListItem >
25
23
) ) }
26
24
</ Container >
@@ -31,7 +29,7 @@ const Container = styled.div`
31
29
width: 100%;
32
30
padding: 8px 0;
33
31
${ flex . COLUMN_FLEX } ;
34
- gap: 8px ;
32
+ gap: 4px ;
35
33
` ;
36
34
37
35
const PostListItem = styled ( Link ) `
@@ -44,6 +42,11 @@ const PostListItem = styled(Link)`
44
42
const StyledTitle = styled . span `
45
43
${ font . p3 } ;
46
44
font-weight: 600;
45
+
46
+ overflow: hidden;
47
+ white-space: nowrap;
48
+ text-overflow: ellipsis;
49
+ word-break: break-all;
47
50
` ;
48
51
49
52
const StyledDate = styled . span `
Original file line number Diff line number Diff line change @@ -18,7 +18,7 @@ const TimeTablePage = () => {
18
18
{ dayjs ( ) . locale ( "ko" ) . format ( "YYYY년 M월 D일" ) }
19
19
</ SubTitleText >
20
20
</ Row >
21
- { ! Object . entries ( dayTimeTable ) . length && (
21
+ { Object . entries ( dayTimeTable ) . length && (
22
22
< TimeTableBox >
23
23
< Column >
24
24
{ Array . from ( { length : 8 } ) . map ( ( _ , i ) => (
You can’t perform that action at this time.
0 commit comments