✨ feat: Scroll To Top

2025-07-30 13:41:22 +00:00 · 2021-08-26 14:14:38 +07:00
parent 4c890414b3
commit 6d1d8b982a
3 changed files with 93 additions and 0 deletions
--- a/src/components/common/ScrollToTop/ScrollToTop.module.scss
+++ b/src/components/common/ScrollToTop/ScrollToTop.module.scss
@@ -0,0 +1,24 @@
+@import '../../../styles/utilities';
+
+.scrollToTop {
+    @apply hidden;
+
+    @screen md {
+        &.show {
+            @apply block rounded-lg fixed cursor-pointer;
+            right: 11.2rem;
+            bottom: 21.6rem; 
+            width: 6.4rem;
+            height: 6.4rem;
+            background-color: var(--border-line);
+        }
+        
+        &.hide {
+            @apply hidden;
+        }
+    }
+
+    .scrollToTopBtn {
+        @apply outline-none w-full h-full;
+    }
+}