Merge pull request #100 from KT-vicddory/week6

Week6

src/app/globals.css

@@ -82,6 +82,26 @@
       format('truetype');
 }
 
+::-webkit-scrollbar {
+  width: 12px; /* 스크롤바의 너비 */
+}
+
+::-webkit-scrollbar-track {
+  background: #f1f1f1; /* 스크롤바 트랙 배경 */
+  border-radius: 10px; /* 둥근 모서리 적용 */
+}
+
+::-webkit-scrollbar-thumb {
+  background: #343445; /* 스크롤바 색상 */
+  border-radius: 10px; /* 둥근 모서리 적용 */
+  margin: 1px; /* 트랙과 스크롤바 사이의 공간 제거 */
+  background-clip: padding-box; /* 내부 패딩 박스를 잘라내어 스크롤바가 트랙을 꽉 채우도록 */
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #555; /* 호버 시 색상 */
+}
+
 @layer utilities {
   /* Hide scrollbar for Chrome, Safari and Opera */
   .no-scrollbar::-webkit-scrollbar {

src/components/mobile/MobileMenu.tsx

@@ -17,7 +17,7 @@ export default function MobileMenu({
   return (
     <>
       <div
-        className={`fixed z-20 ${isMobileOpen ? 'max-lg:flex' : 'hidden'} justify-between items-start w-full h-screen bg-[rgba(0,0,0,0.7)]`}
+        className={`fixed z-20 ${isMobileOpen ? 'max-lg:flex' : 'hidden'} lg:hidden justify-between items-start w-full h-screen bg-[rgba(0,0,0,0.7)]`}
       >
         <ul
           className={`w-[80%] h-full overflow-scroll no-scrollbar bg-[#f4f4f4] absolute top-0 left-0 transition-transform duration-300 ${isAnimated ? 'translate-x-0' : '-translate-x-full'}`}