From d8e380799a974e01918881d9eb6aeec1462879a1 Mon Sep 17 00:00:00 2001 From: gominzip Date: Tue, 27 Aug 2024 18:00:07 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20=EC=8A=A4=ED=81=AC=EB=A1=A4=EB=B0=94=20?= =?UTF-8?q?=EC=BB=A4=EC=8A=A4=ED=85=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/global.css | 29 +++++++++++++++++++++++------ 1 file changed, 23 insertions(+), 6 deletions(-) diff --git a/src/styles/global.css b/src/styles/global.css index 23848a2..466c0b6 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -16,18 +16,12 @@ html { justify-content: center; font-family: "NanumSquareRound", sans-serif; } - -html::-webkit-scrollbar { - display: none; -} - body { display: flex; flex-direction: column; align-items: center; width: 100%; min-height: 99vh; - /* 화면 스크롤 방지를 위해 최소높이 지정 */ margin: 0; padding: 0; background-color: white; @@ -38,6 +32,29 @@ body { -moz-user-select: none; -ms-user-select: none; user-select: none; + overflow-y: scroll; /* 세로 스크롤 활성화 */ + scrollbar-width: thin; /* Firefox */ + scrollbar-color: #ffd600 #f0f0f0; /* Firefox */ +} + +body::-webkit-scrollbar { + width: 12px; + height: 12px; +} + +body::-webkit-scrollbar-track { + background-color: #f0f0f0; + border-radius: 10px; +} + +body::-webkit-scrollbar-thumb { + background-color: #ffd600; + border-radius: 10px; + border: 3px solid #f0f0f0; +} + +body::-webkit-scrollbar-thumb:hover { + background-color: #ffc107; } #root {