@@ -25,7 +25,7 @@ const DivWrap = styled.div`
2525 display: grid;
2626 grid-template-columns: repeat(3, 1fr);
2727 gap: 28px;
28-
28+
2929 @media (max-width: 1248px) {
3030 grid-template-columns: repeat(2, 1fr);
3131 }
@@ -35,7 +35,7 @@ const DivWrap = styled.div`
3535` ;
3636
3737const BackgroundWrap = styled . div `
38- background-image: ${ ( { backgroundImageURL } ) =>
38+ background-image: ${ ( { backgroundImageURL } ) =>
3939 backgroundImageURL
4040 ? `linear-gradient(180deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 100%), url(${ backgroundImageURL } )`
4141 : "ffffff" } ;
@@ -51,19 +51,6 @@ const BackgroundWrap = styled.div`
5151 }
5252` ;
5353
54-
55- const BackgroundWrap = styled . div . withConfig ( {
56- shouldForwardProp : ( prop ) =>
57- ! [ "bgColor" , "backgroundImageURL" ] . includes ( prop ) ,
58- } ) `
59- background-image: ${ ( { backgroundImageURL } ) =>
60- backgroundImageURL ? `url(${ backgroundImageURL } )` : "none" } ;
61- background-color: ${ ( { bgColor } ) => bgColor || "#FFE2AD" } ;
62- min-height: calc(100vh - 65px);
63- background-size: cover;
64- background-position: center;
65- ` ;
66-
6754const colorMap = {
6855 beige : "#FFE2AD" ,
6956 purple : "#ECD9FF" ,
@@ -102,7 +89,7 @@ function RollingPaperDetailPage() {
10289 if ( id ) fetchInitialData ( ) ;
10390 } , [ id ] ) ;
10491
105-
92+
10693
10794 // 메시지 로드 함수
10895const loadMoreMessages = async ( ) => {
0 commit comments