From a0f35292f0a0abaa6ca997ce2fee935e9fa1e193 Mon Sep 17 00:00:00 2001 From: almighty5 Date: Wed, 19 Mar 2025 16:35:02 +0900 Subject: [PATCH] =?UTF-8?q?Error=20=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/RollingPaper/RollingPaperPage.jsx | 19 +++---------------- 1 file changed, 3 insertions(+), 16 deletions(-) diff --git a/src/pages/RollingPaper/RollingPaperPage.jsx b/src/pages/RollingPaper/RollingPaperPage.jsx index ff7e6d9..daf85a6 100644 --- a/src/pages/RollingPaper/RollingPaperPage.jsx +++ b/src/pages/RollingPaper/RollingPaperPage.jsx @@ -25,7 +25,7 @@ const DivWrap = styled.div` display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; - + @media (max-width: 1248px) { grid-template-columns: repeat(2, 1fr); } @@ -35,7 +35,7 @@ const DivWrap = styled.div` `; const BackgroundWrap = styled.div` - background-image: ${({ backgroundImageURL }) => + background-image: ${({ backgroundImageURL }) => backgroundImageURL ? `linear-gradient(180deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 100%), url(${backgroundImageURL})` : "ffffff"}; @@ -51,19 +51,6 @@ const BackgroundWrap = styled.div` } `; - -const BackgroundWrap = styled.div.withConfig({ - shouldForwardProp: (prop) => - !["bgColor", "backgroundImageURL"].includes(prop), -})` - background-image: ${({ backgroundImageURL }) => - backgroundImageURL ? `url(${backgroundImageURL})` : "none"}; - background-color: ${({ bgColor }) => bgColor || "#FFE2AD"}; - min-height: calc(100vh - 65px); - background-size: cover; - background-position: center; -`; - const colorMap = { beige: "#FFE2AD", purple: "#ECD9FF", @@ -102,7 +89,7 @@ function RollingPaperDetailPage() { if (id) fetchInitialData(); }, [id]); - + // 메시지 로드 함수 const loadMoreMessages = async () => {