릴리스: v1.2.10 목록 화면 툴바와 카드 반응 정리

frontend/src/views/HomeView.vue

@@ -33,6 +33,22 @@ function goFreeform() {
   router.push('/editor/freeform/new')
 }
 
+function goFavorites() {
+  if (!auth.user) {
+    router.push('/login?redirect=/favorites')
+    return
+  }
+  router.push('/favorites')
+}
+
+function goMyLists() {
+  if (!auth.user) {
+    router.push('/login?redirect=/me')
+    return
+  }
+  router.push('/me')
+}
+
 function thumbUrl(g) {
   if (!g.thumbnailSrc) return ''
   return toApiUrl(g.thumbnailSrc)
@@ -52,8 +68,12 @@ function thumbUrl(g) {
         <span class="dashboardToolbar__label">Visible Games</span>
         <strong class="dashboardToolbar__value">{{ games.length }}</strong>
       </div>
-      <button class="dashboardToolbar__ghost" @click="goFreeform">Quick Start</button>
-      <button class="dashboardToolbar__ghost" @click="goFreeform">Browse All</button>
+      <div class="dashboardToolbar__stat">
+        <span class="dashboardToolbar__label">Account</span>
+        <strong class="dashboardToolbar__value">{{ auth.user ? 'Ready' : 'Guest' }}</strong>
+      </div>
+      <button class="dashboardToolbar__ghost" @click="goFavorites">{{ auth.user ? '즐겨찾기 보기' : '로그인 후 즐겨찾기' }}</button>
+      <button class="dashboardToolbar__ghost" @click="goMyLists">{{ auth.user ? '내 리스트 보기' : '로그인 후 내 리스트' }}</button>
       <button class="customTierBtn" @click="goFreeform">{{ auth.user ? '+ 커스텀 티어표 만들기' : '+ 로그인 후 커스텀 티어표 만들기' }}</button>
     </div>
   </section>
@@ -85,10 +105,12 @@ function thumbUrl(g) {
   flex-wrap: wrap;
   margin-top: 2px;
   margin-bottom: 18px;
+  padding: 6px 2px 18px;
 }
 .dashboardHero__copy {
   display: grid;
   gap: 8px;
+  max-width: 720px;
 }
 .dashboardHero__eyebrow {
   font-size: 11px;
@@ -118,10 +140,10 @@ function thumbUrl(g) {
   display: grid;
   gap: 2px;
   min-width: 112px;
-  padding: 10px 14px;
-  border-radius: 12px;
+  padding: 12px 14px;
+  border-radius: 14px;
   border: 1px solid rgba(255, 255, 255, 0.08);
-  background: rgba(255, 255, 255, 0.04);
+  background: rgba(255, 255, 255, 0.045);
 }
 .dashboardToolbar__label {
   font-size: 11px;
@@ -135,13 +157,21 @@ function thumbUrl(g) {
 }
 .dashboardToolbar__ghost,
 .customTierBtn {
-  padding: 10px 14px;
-  border-radius: 12px;
+  padding: 12px 14px;
+  border-radius: 14px;
   border: 1px solid rgba(255, 255, 255, 0.08);
   background: rgba(255, 255, 255, 0.06);
   color: rgba(255, 255, 255, 0.84);
   font-weight: 700;
   cursor: pointer;
+  transition:
+    transform 0.16s ease,
+    border-color 0.16s ease,
+    background 0.16s ease;
+}
+.dashboardToolbar__ghost:hover,
+.customTierBtn:hover {
+  transform: translateY(-1px);
 }
 .customTierBtn {
   background: rgba(77, 127, 233, 0.88);
@@ -163,8 +193,8 @@ function thumbUrl(g) {
 }
 .libraryCard {
   text-align: left;
-  padding: 12px;
-  border-radius: 18px;
+  padding: 14px;
+  border-radius: 22px;
   border: 1px solid rgba(255, 255, 255, 0.16);
   background: rgba(62, 62, 62, 0.82);
   color: rgba(255, 255, 255, 0.92);
@@ -172,9 +202,13 @@ function thumbUrl(g) {
   display: grid;
   gap: 12px;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
+  transition:
+    transform 0.16s ease,
+    background 0.16s ease;
 }
 .libraryCard:hover {
   background: rgba(70, 70, 70, 0.96);
+  transform: translateY(-2px);
 }
 .libraryCard__thumbWrap {
   width: 100%;