zikai/zMainPage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
zikai
2026-07-22 02:53:05 +00:00
parent 370388e729
commit 2c33457c87
1 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/modules/whiteboard/Whiteboard.vue
View File

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