style: hide shadow of filter btn and select in mobile

moolmin · Dec 2, 2024 · e8fe748 · e8fe748
1 parent d0b47cf
commit e8fe748
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/app/(pages)/4q-gallery/_components/item-container.tsx b/src/app/(pages)/4q-gallery/_components/item-container.tsx
@@ -23,7 +23,7 @@ export default function Container({ category, tag, sort }: ContainerProps) {
   };
 
   const { ref, inView } = useInView({
-    threshold: 0.2, 
+    threshold: 1, 
     triggerOnce: false, 
     onChange: (inView) => {
       if (inView && !hasNextPage) {

diff --git a/src/app/(pages)/4q-gallery/page.module.css b/src/app/(pages)/4q-gallery/page.module.css
@@ -49,11 +49,6 @@
   padding-top: 2px;
 }
 
-.filterBtn:hover,
-.selectBox:hover {
-  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
-}
-
 .filterIcon {
   font-size: 16px;
   margin-right: 5px;
@@ -153,3 +148,11 @@
     margin-right: 0;
   }
 }
+
+
+@media (min-width: 768px) {
+  .filterBtn:hover,
+  .selectBox:hover {
+    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
+  }
+}