fix: 白板页改用 .container 容器,与移动游戏项目页一致的左右留白

This commit is contained in:
2026-07-22 02:53:05 +00:00
parent 370388e729
commit 2c33457c87

View File

@@ -79,7 +79,7 @@ function openExternal() {
<template>
<div class="wb-page">
<div class="wb-page__inner">
<div class="container wb-page__inner">
<div class="wb-page__head">
<h1 class="wb-page__title">{{ t('tabs.whiteboard') }}</h1>
<form class="wb-page__switch" @submit.prevent="submitBoard">
@@ -139,15 +139,12 @@ function openExternal() {
<style scoped>
.wb-page {
padding: var(--space-xl) 0;
padding: var(--space-xl) 0 var(--space-2xl);
}
/* 全宽容器(不受全局 .container 的 1080px 限制),仅留左右内边距 */
/* 内容区用全局 .containermax-width 1080px左右 padding
与移动游戏项目页保持一致的左右留白。 */
.wb-page__inner {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0 var(--space-lg);
box-sizing: border-box;
/* 仅补充容器内部纵向间距,宽度由 .container 控制 */
}
.wb-page__head {
display: flex;