feat: 限制页面宽度
- 为页面添加1200px的宽度限制,提升其在宽屏下的观感
This commit is contained in:
@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<div class="page-container">
|
||||
<support-tabs />
|
||||
|
||||
<div class="page-content">
|
||||
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">{{ $t('navigation.support') }}</h1>
|
||||
<el-breadcrumb class="breadcrumb" separator="/">
|
||||
@ -105,6 +105,10 @@
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.page-container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
display: flex;
|
||||
@ -123,8 +127,6 @@
|
||||
|
||||
.page-content {
|
||||
padding: 1rem 2rem 2rem;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
@ -135,7 +137,7 @@ section {
|
||||
|
||||
.card-group {
|
||||
display: flex;
|
||||
gap: 100px;
|
||||
gap: 50px;
|
||||
justify-content: space-around;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user