diff --git a/frontend/src/components/common/modals/ContentModal/styles.ts b/frontend/src/components/common/modals/ContentModal/styles.ts index d78fef1b4..9f98ff739 100644 --- a/frontend/src/components/common/modals/ContentModal/styles.ts +++ b/frontend/src/components/common/modals/ContentModal/styles.ts @@ -30,10 +30,7 @@ export const ContentModalHeader = styled.div` `; export const Contents = styled.div` - display: flex; - flex-direction: column; - align-items: center; - white-space: pre-line; + padding-right: 1.2rem; overflow-y: auto; `; diff --git a/frontend/src/styles/globalStyles.ts b/frontend/src/styles/globalStyles.ts index a5d49ab33..7973797e8 100644 --- a/frontend/src/styles/globalStyles.ts +++ b/frontend/src/styles/globalStyles.ts @@ -16,6 +16,24 @@ const globalStyles = css` box-sizing: border-box; font-size: 1.6rem; + + padding-right: 1.2rem; + } + + /* 스크롤바 설정 */ + + ::-webkit-scrollbar { + width: 1.2rem; /* 스크롤바 너비 */ + } + + ::-webkit-scrollbar-thumb { + background: #c1c1c1; /* 스크롤바 색상 */ + border-radius: 0.8rem; + } + + ::-webkit-scrollbar-track { + background: #f1f2f4; /*스크롤바 배경 색상 (lightGray)*/ + border-radius: 0.8rem; } `;