style(desktop): let main views fill available width and drop settings client badge

Remove the 1400px max-width cap on Home/Accounts/AiPlatforms/PublishManagement
so content stretches with the window, and clean up the unused online-clients
badge from the settings sidebar.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-06 23:06:00 +08:00
parent 74fa24978e
commit fcc9df0d34
5 changed files with 12 additions and 23 deletions
@@ -756,7 +756,9 @@ const tableColumns = [
flex-direction: column;
gap: 32px;
padding-bottom: 40px;
max-width: 1400px;
width: 100%;
max-width: none;
box-sizing: border-box;
}
/* 顶部信息区 */
@@ -545,7 +545,9 @@ async function unbindPlatform(account: AccountRow) {
flex-direction: column;
gap: 32px;
padding-bottom: 40px;
max-width: 1400px;
width: 100%;
max-width: none;
box-sizing: border-box;
}
/* Hero Section */
@@ -270,7 +270,9 @@ const issueItems = computed<RuntimeIssueItem[]>(() => {
flex-direction: column;
gap: 24px;
padding-bottom: 40px;
max-width: 1400px;
width: 100%;
max-width: none;
box-sizing: border-box;
}
/* Metrics Top Grid */
@@ -894,7 +894,9 @@ const tableScroll = { x: 1080 } as const
flex-direction: column;
gap: 32px;
padding-bottom: 40px;
max-width: 1400px;
width: 100%;
max-width: none;
box-sizing: border-box;
}
/* Hero Section (aligned with AccountsView) */
@@ -53,7 +53,6 @@ const subsystemEntries = computed(() =>
})),
)
const clientCount = computed(() => snapshot.value?.summary.onlineClients ?? 0)
const appVersion = computed(() => snapshot.value?.app.version ?? '0.1.0')
const hasServerSettingChanged = computed(
() => normalizeServerURLInput(serverBaseURL.value) !== apiBaseURL.value,
@@ -177,9 +176,6 @@ watch(apiBaseURL, (next) => {
>
<component :is="item.icon" class="settings-nav__icon" />
<span>{{ item.title }}</span>
<span v-if="item.key === 'diagnostics' && clientCount > 0" class="settings-nav__badge">
{{ clientCount }}
</span>
</button>
</nav>
</aside>
@@ -379,21 +375,6 @@ watch(apiBaseURL, (next) => {
color: #080808;
}
.settings-nav__badge {
margin-left: auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 7px;
border-radius: 11px;
background: #c4c4ca;
color: #111111;
font-size: 12px;
font-weight: 700;
}
.settings-main {
position: relative;
display: flex;