From 2fcbc6d88395eb64b40046705e5a60a2b7e39f37 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 21 Dec 2023 12:29:36 +0100
Subject: [PATCH] introducing page scroller

---
 resources/css/components/page-scroller.css | 25 ++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 resources/css/components/page-scroller.css

diff --git a/resources/css/components/page-scroller.css b/resources/css/components/page-scroller.css
new file mode 100644
index 0000000..ec558f0
--- /dev/null
+++ 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;
+  }
+}