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;