diff --git a/public/css/custom.css b/public/css/custom.css index f86b056..bd9559d 100644 --- a/public/css/custom.css +++ b/public/css/custom.css @@ -591,25 +591,31 @@ /* Scroll Button */ .scroll-top-btn { - bottom: 20px; + bottom: 40px; right: 21.7%; transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease; } - .scroll-top-btn.visible { opacity: 1; visibility: visible; transform: translateY(0); } - .scroll-top-btn.hidden { opacity: 0; visibility: hidden; transform: translateY(10px); } +.back-btn { + bottom: 40px; + right: 21.7%; + transition: transform 0.4s ease; +} +.back-btn.shifted { + transform: translateY(-50px); +} /* Scroll Button end */ diff --git a/src/components/button/ScrollTopButton.vue b/src/components/button/ScrollTopButton.vue index 10efb93..f870df6 100644 --- a/src/components/button/ScrollTopButton.vue +++ b/src/components/button/ScrollTopButton.vue @@ -1,4 +1,13 @@