From 551569c1c64fbfcccdb20dfe301b8ae2ef55c418 Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Mon, 31 Mar 2025 18:47:26 +0900
Subject: [PATCH] =?UTF-8?q?=EB=92=A4=EB=A1=9C=EA=B0=80=EA=B8=B0=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/custom.css                         |  2 +-
 src/components/button/ScrollTopButton.vue     | 32 +++++++++++++++++--
 src/components/commuters/CommuterCalendar.vue |  2 +-
 3 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/public/css/custom.css b/public/css/custom.css
index 2d61ee1..ff4d354 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -582,7 +582,7 @@
 
 /* commuters */
 .commuter-list {
-    max-height: 358px;
+    max-height: 450px;
     overflow-y: auto;
     scrollbar-width: none;
 }
diff --git a/src/components/button/ScrollTopButton.vue b/src/components/button/ScrollTopButton.vue
index f870df6..989538d 100644
--- a/src/components/button/ScrollTopButton.vue
+++ b/src/components/button/ScrollTopButton.vue
@@ -2,6 +2,7 @@
     <!-- 뒤로가기 -->
     <button
         @click="goBack"
+        :disabled="!canGoBack"
         :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>
@@ -18,29 +19,54 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onUnmounted, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
 
 const showButton = ref(false);
+const canGoBack = ref(false);
+const route = useRoute();
+const router = useRouter();
+const loginPage = "/login"; // 로그인 페이지 경로
 
+// 스크롤 이벤트 핸들러
 const handleScroll = () => {
     showButton.value = window.scrollY > 200;
 };
 
+// 최상단으로 스크롤 이동
 const scrollToTop = () => {
     window.scrollTo({ top: 0, behavior: "smooth" });
 };
 
+// 뒤로 가기 처리
 const goBack = () => {
-    window.history.back();
+    if (canGoBack.value) {
+        router.back();
+    }
 };
 
+// 뒤로 가기 가능 여부 확인 함수
+const updateCanGoBack = () => {
+    const historyBack = router.options.history.state.back;
+    const previousPage = document.referrer;
 
+    canGoBack.value = !!historyBack && historyBack !== loginPage && !previousPage.includes(loginPage);
+};
+
+// 마운트 시 한 번 실행
 onMounted(() => {
     window.addEventListener("scroll", handleScroll);
+    updateCanGoBack();
 });
 
+// 라우트가 변경될 때마다 `canGoBack` 업데이트
+watch(route, () => {
+    updateCanGoBack();
+});
+
+// 언마운트 시 이벤트 제거
 onUnmounted(() => {
     window.removeEventListener("scroll", handleScroll);
 });
-</script>
 
+</script>
diff --git a/src/components/commuters/CommuterCalendar.vue b/src/components/commuters/CommuterCalendar.vue
index 6ba1d2e..4a6cbcb 100644
--- a/src/components/commuters/CommuterCalendar.vue
+++ b/src/components/commuters/CommuterCalendar.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="container-xxl flex-grow-1 container-p-y pb-0">
+    <div class="container-xxl flex-grow-1 container-p-y">
         <div class="card app-calendar-wrapper">
             <div class="row g-0">
                 <div class="col-3 border-end text-center" id="app-calendar-sidebar">