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;
|
flex-direction: column;
|
||||||
gap: 32px;
|
gap: 32px;
|
||||||
padding-bottom: 40px;
|
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;
|
flex-direction: column;
|
||||||
gap: 32px;
|
gap: 32px;
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
max-width: 1400px;
|
width: 100%;
|
||||||
|
max-width: none;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hero Section */
|
/* Hero Section */
|
||||||
|
|||||||
@@ -270,7 +270,9 @@ const issueItems = computed<RuntimeIssueItem[]>(() => {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 24px;
|
gap: 24px;
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
max-width: 1400px;
|
width: 100%;
|
||||||
|
max-width: none;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Metrics Top Grid */
|
/* Metrics Top Grid */
|
||||||
|
|||||||
@@ -894,7 +894,9 @@ const tableScroll = { x: 1080 } as const
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 32px;
|
gap: 32px;
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
max-width: 1400px;
|
width: 100%;
|
||||||
|
max-width: none;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hero Section (aligned with AccountsView) */
|
/* 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 appVersion = computed(() => snapshot.value?.app.version ?? '0.1.0')
|
||||||
const hasServerSettingChanged = computed(
|
const hasServerSettingChanged = computed(
|
||||||
() => normalizeServerURLInput(serverBaseURL.value) !== apiBaseURL.value,
|
() => normalizeServerURLInput(serverBaseURL.value) !== apiBaseURL.value,
|
||||||
@@ -177,9 +176,6 @@ watch(apiBaseURL, (next) => {
|
|||||||
>
|
>
|
||||||
<component :is="item.icon" class="settings-nav__icon" />
|
<component :is="item.icon" class="settings-nav__icon" />
|
||||||
<span>{{ item.title }}</span>
|
<span>{{ item.title }}</span>
|
||||||
<span v-if="item.key === 'diagnostics' && clientCount > 0" class="settings-nav__badge">
|
|
||||||
{{ clientCount }}
|
|
||||||
</span>
|
|
||||||
</button>
|
</button>
|
||||||
</nav>
|
</nav>
|
||||||
</aside>
|
</aside>
|
||||||
@@ -379,21 +375,6 @@ watch(apiBaseURL, (next) => {
|
|||||||
color: #080808;
|
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 {
|
.settings-main {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user