From 676636b246cc93cef5c4cb27e9b63d8d1e8dcf67 Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Mon, 24 Mar 2025 10:25:49 +0900
Subject: [PATCH] =?UTF-8?q?back=20btn=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/custom.css                     | 12 +++++++++---
 src/components/button/ScrollTopButton.vue | 14 ++++++++++++++
 2 files changed, 23 insertions(+), 3 deletions(-)

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 @@
 <template>
+    <!-- 뒤로가기 -->
+    <button
+        @click="goBack"
+        :class="{ 'shifted': showButton }"
+        class="back-btn rounded-pill btn-icon btn-secondary position-fixed shadow z-5 border-0">
+        <i class='bx bx-chevron-left'></i>
+    </button>
+
+    <!-- 맨 위로 -->
     <button
         @click="scrollToTop"
         class="scroll-top-btn rounded-pill btn-icon btn-primary position-fixed shadow z-5 border-0"
@@ -21,6 +30,11 @@ const scrollToTop = () => {
     window.scrollTo({ top: 0, behavior: "smooth" });
 };
 
+const goBack = () => {
+    window.history.back();
+};
+
+
 onMounted(() => {
     window.addEventListener("scroll", handleScroll);
 });