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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user