introducing page scroller

2023-12-21 12:29:36 +01:00 · 2023-12-21 12:29:36 +01:00 · 2fcbc6d883
commit 2fcbc6d883
parent ddbac5f1ec
1 changed files with 25 additions and 0 deletions
--- a/resources/css/components/page-scroller.css
+++ b/resources/css/components/page-scroller.css
@ -0,0 +1,25 @@
+#page-scroller {
+  @apply flex items-center gap-3
+  fixed z-50
+  right-16 
+  bottom-16;
+  animation: fade-in 0.5s ease-out, slide-in-bottom 0.5s ease-out;
+
+  #scroller-top {
+    @apply bg-primary 
+    w-16 
+    h-16
+    flex items-center justify-center
+    
+    cursor-pointer 
+    rounded-full;
+    .arrow-icon {
+      @apply h-full;
+      max-height: 32%;
+    }
+  }
+
+  #scroller-filter {
+    @apply h-12 bg-primary text-white font-semibold tracking-wide rounded-full px-6 text-sm;
+  }
+}