diff --git a/src/views/balance/Balance.vue b/src/views/balance/Balance.vue
index 2c8caf07..3fe3d8a2 100644
--- a/src/views/balance/Balance.vue
+++ b/src/views/balance/Balance.vue
@@ -54,15 +54,12 @@ import { calculateTotalAmount } from './log'
height: 100vh;
display: flex;
flex-direction: column;
- min-width: 1100px;
- min-height: 600px;
+ min-height: 800px;
color: var(--kungalgame-font-color-3);
}
/* 文章部分 */
.article {
- /* 固定宽高 */
- width: 1000px;
- height: 500px;
+ min-height: 500px;
/* 居中 */
margin: auto;
background-color: var(--kungalgame-trans-white-5);
@@ -136,4 +133,11 @@ import { calculateTotalAmount } from './log'
background-color: var(--kungalgame-green-4);
}
}
+
+@media (max-width: 1000px) {
+ .content {
+ flex-direction: column;
+ width: 100%;
+ }
+}
diff --git a/src/views/bylaw/Bylaw.vue b/src/views/bylaw/Bylaw.vue
index 9fb7301b..552247e3 100644
--- a/src/views/bylaw/Bylaw.vue
+++ b/src/views/bylaw/Bylaw.vue
@@ -91,7 +91,6 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
height: 100vh;
display: flex;
flex-direction: column;
- min-width: 800px;
min-height: 1100px;
}
/* 总容器 */
@@ -175,4 +174,11 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
.topic > ul li {
margin: 5px 0;
}
+
+@media (max-width: 1000px) {
+ .container {
+ width: 100%;
+ padding: 0;
+ }
+}
diff --git a/src/views/edit/Edit.vue b/src/views/edit/Edit.vue
index 57658dfe..2cb1c517 100644
--- a/src/views/edit/Edit.vue
+++ b/src/views/edit/Edit.vue
@@ -39,7 +39,7 @@ const submit = () => {
-
+
@@ -64,8 +64,7 @@ const submit = () => {
.root {
height: 100vh;
- min-height: 1100px;
- min-width: 900px;
+ min-height: 1200px;
display: flex;
flex-direction: column;
}
@@ -123,4 +122,10 @@ const submit = () => {
flex-direction: column;
align-items: center;
}
+
+@media (max-width: 1000px) {
+ .container {
+ width: 100%;
+ }
+}
diff --git a/src/views/kungalgame/KUNGalgame.vue b/src/views/kungalgame/KUNGalgame.vue
index 5f1bc0f3..d31daf02 100644
--- a/src/views/kungalgame/KUNGalgame.vue
+++ b/src/views/kungalgame/KUNGalgame.vue
@@ -268,4 +268,11 @@ a {
list-style: inside;
text-indent: 4em;
}
+
+@media (max-width: 1000px) {
+ .content-container {
+ width: 100%;
+ padding: 0;
+ }
+}
diff --git a/src/views/non-moe/NonMoe.vue b/src/views/non-moe/NonMoe.vue
index 615568da..fc9f0762 100644
--- a/src/views/non-moe/NonMoe.vue
+++ b/src/views/non-moe/NonMoe.vue
@@ -32,14 +32,13 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
height: 100vh;
display: flex;
flex-direction: column;
- min-width: 800px;
min-height: 750px;
}
/* 根容器 */
.container {
/* 固定宽高 */
height: 600px;
- width: 700px;
+ max-width: 800px;
/* 居中 */
margin: auto;
background-color: var(--kungalgame-trans-white-5);
@@ -69,8 +68,6 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
}
/* 文章部分 */
.article {
- width: 600px;
- flex-shrink: 0;
background-color: var(--kungalgame-trans-white-5);
border-left: 1px solid var(--kungalgame-red-4);
display: flex;
@@ -80,6 +77,7 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
/* 文章标题 */
.article-title {
margin: 20px 0;
+ padding: 0 20px;
font-size: 20px;
}
/* 内容区容器 */
diff --git a/src/views/privacy/Privacy.vue b/src/views/privacy/Privacy.vue
index 3c3a0e5e..6a521f37 100644
--- a/src/views/privacy/Privacy.vue
+++ b/src/views/privacy/Privacy.vue
@@ -35,7 +35,7 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
-
+
@@ -44,8 +44,6 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
.root {
height: 100vh;
width: 100vw;
- min-width: 700px;
- min-height: 600px;
background: linear-gradient(
var(--kungalgame-trans-pink-1),
var(--kungalgame-trans-blue-1)
@@ -58,8 +56,8 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
/* 内容区容器 */
.container {
/* 固定宽高 */
- width: 600px;
- height: 500px;
+ max-width: 600px;
+ max-height: 500px;
/* 居中 */
margin: auto;
position: relative;
@@ -85,7 +83,7 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
}
/* 单个项目之间的距离 */
.list > li {
- margin: 7px 0;
+ margin-bottom: 30px;
list-style: inside;
}
/* 页面的标题 */
diff --git a/src/views/thanks-list/ThanksList.vue b/src/views/thanks-list/ThanksList.vue
index cc7f6854..dc974249 100644
--- a/src/views/thanks-list/ThanksList.vue
+++ b/src/views/thanks-list/ThanksList.vue
@@ -93,7 +93,7 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
}
.container {
/* 固定宽高 */
- width: 900px;
+ max-width: 900px;
height: 1300px;
/* 居中 */
margin: auto;