fix: 白板页改用 .container 容器,与移动游戏项目页一致的左右留白
This commit is contained in:
@@ -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 限制),仅留左右内边距 */
|
||||
/* 内容区用全局 .container(max-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;
|
||||
|
||||
Reference in New Issue
Block a user