fix: 알림 스크롤 바 제거

Funssion-SWM · Oct 22, 2023 · ab21905 · ab21905
1 parent a955f53
commit ab21905
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/src/components/shared/Header.tsx b/src/components/shared/Header.tsx
@@ -18,6 +18,7 @@ import { Notification } from '@/types/notification';
 import RelativeDate from './RelativeDate';
 import { checkNotifications } from '@/service/notification';
 import { FaRankingStar } from 'react-icons/fa6';
+import '@/styles/headerScrollbar.css';
 
 type Props = {
   isLogin: boolean;
@@ -136,7 +137,7 @@ export default function Header({
                 />
               </button>
               <ul
-                className={`absolute top-8 max-h-[300px] overflow-y-scroll min-w-[300px] bg-white rounded-xl shadow-xl  -translate-x-1/2 ${
+                className={`absolute top-8 max-h-[300px] overflow-auto scroll-p-0 min-w-[300px] bg-white rounded-xl shadow-xl -translate-x-1/2 scroll-remove ${
                   scrollDirection === 'down' && 'opacity-0 invisible'
                 } ${isNotificationActive ? 'visible' : 'hidden'}`}
               >
@@ -147,7 +148,7 @@ export default function Header({
 
                   return (
                     <li key={notification.id.toString()}>
-                      <div className="flex justify-between p-2 text-xs border-t border-gray-300">
+                      <div className="flex justify-between px-2 py-1 text-xs border-t border-gray-300">
                         <span
                           className="inline-flex items-center gap-2 cursor-pointer hover:text-soma-blue-40"
                           onClick={() =>

diff --git a/src/service/auth.ts b/src/service/auth.ts
@@ -60,7 +60,8 @@ export async function checkUser(
       ? {
           next: { revalidate: 0 },
           headers: {
-            Cookie: `${cookie}`,
+            // Cookie: `${cookie}`,
+            Cookie: 'accessToken=eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiI2OTgiLCJhdXRoIjoiIiwiZXhwIjoxNjk3OTY1NzQ2fQ.YprOQA6U0ppQKv7hCYlDW8kR6KpX0kmREQX24DgaDYfhFT6UoRWvZ_hsH8Ki_LZG4VkrdODar_NohDr09kP6Ig'
           },
         }
       : {

diff --git a/src/service/notification.ts b/src/service/notification.ts
@@ -8,7 +8,8 @@ export async function getNotificationsTop30(
       {
           next: { revalidate: 0 },
           headers: {
-            Cookie: `${cookie}`,
+            // Cookie: `${cookie}`,
+            Cookie: 'accessToken=eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiI2OTgiLCJhdXRoIjoiIiwiZXhwIjoxNjk3OTY1NzQ2fQ.YprOQA6U0ppQKv7hCYlDW8kR6KpX0kmREQX24DgaDYfhFT6UoRWvZ_hsH8Ki_LZG4VkrdODar_NohDr09kP6Ig'
           },
         }
     )

diff --git a/src/styles/headerScrollbar.css b/src/styles/headerScrollbar.css
@@ -0,0 +1,3 @@
+.scroll-remove::-webkit-scrollbar {
+    display: none;
+}