From 7288ef3f5780e7fc09bbf74ad86413842cb196da Mon Sep 17 00:00:00 2001
From: Mars <3361409208a@gmail.com>
Date: Thu, 18 Jun 2026 17:37:46 +0800
Subject: [PATCH] style: separate header back-bar and tabs in InboxHubView on
 main

---
 apps/player/src/views/InboxHubView.vue | 20 ++------------------
 1 file changed, 2 insertions(+), 18 deletions(-)

diff --git a/apps/player/src/views/InboxHubView.vue b/apps/player/src/views/InboxHubView.vue
index 64c27f9..c2cf47e 100644
--- a/apps/player/src/views/InboxHubView.vue
+++ b/apps/player/src/views/InboxHubView.vue
@@ -107,13 +107,12 @@ onActivated(() => {
 
 <template>
   <div class="inbox-hub" :class="{ 'inbox-hub--tabs': inboxEnabled }">
-    <header v-if="!inboxEnabled" class="page-header">
+    <header class="page-header">
       <button type="button" class="back-btn" :aria-label="t('messages.back')" @click="goBack">‹</button>
       <h1>{{ t(hubTitleKey) }}</h1>
     </header>
 
     <div v-if="inboxEnabled" class="hub-top-bar">
-      <button type="button" class="hub-back-btn" :aria-label="t('messages.back')" @click="goBack">‹</button>
       <nav class="hub-tabs" role="tablist">
         <button
           type="button"
@@ -217,26 +216,11 @@ onActivated(() => {
 }
 
 .hub-top-bar {
-  display: flex;
-  align-items: stretch;
-  gap: 6px;
   margin: 0;
   border-bottom: 1px solid var(--border);
 }
 
-.hub-back-btn {
-  flex-shrink: 0;
-  align-self: center;
-  width: 32px;
-  height: 32px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  background: #141414;
-  color: var(--gold);
-  font-size: 20px;
-  line-height: 1;
-  cursor: pointer;
-}
+
 
 .hub-tabs {
   flex: 1;