💄 [design] : 탑바 및 로그인 디자인 수정

Author: BaekJiyeon02

src/components/top-bar/TopBar.vue

@@ -46,7 +46,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, watch } from 'vue'
 import CommonIcons from '../common/CommonIcons.vue'
 import SideBar from './SideBar.vue'
 import { hamburgerIcon } from '../../constants/iconPath'
@@ -92,7 +92,7 @@ const isProfileVisible = ref(false)
 const fetchNotificationCount = async () => {
   try {
     const data = await getNotifiCount()
-    countNotifi.value = data.count // 🔹 count 값만 저장
+    countNotifi.value = data.count
   } catch (error) {
     console.error('알림 개수 불러오기 실패:', error)
   }
@@ -108,4 +108,14 @@ const toggleProfile = () => {
 const onCloseSide = () => {
   isSideOpen.value = false
 }
+
+watch(
+  () => info.value,
+  async newInfo => {
+    if (newInfo.memberName) {
+      await fetchNotificationCount()
+    }
+  },
+  { deep: true }
+)
 </script>

src/views/LoginView.vue

@@ -1,9 +1,11 @@
 <template>
   <div class="max-w-400">
     <div class="py-16">
-      <TitleContainer
-        :title="'TaskFlow\n로그인'"
-        content="아이디와 비밀번호를 입력해주세요" />
+      <div class="text-4xl font-bold text-center">
+        <p class="pb-2">TaskFlow</p>
+        <p class="pb-2">로그인</p>
+      </div>
+      <p class="text-center font-bold text-body">아이디와 비밀번호를 입력해주세요</p>
     </div>
     <form
       @submit.prevent="handleLogin"
@@ -46,7 +48,6 @@
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { postLogin } from '@/api/auth'
-import TitleContainer from '@/components/common/TitleContainer.vue'
 
 const router = useRouter()