diff options
| author |   NtskwK <natsukawa247@outlook.com> | 2024-09-08 03:07:07 +0800 |
|---|---|---|
| committer |   GitHub <noreply@github.com> | 2024-09-08 03:07:07 +0800 |
| commit | 78d6558d8c85974b01d6a6fc15f7aaca3cb11988 (patch) | |
| tree | 7a5ab71a72ab895c61fb5214ca1ddbaf5d88938b | |
| parent | 65e35b8cf24bd2faea61e2ec14f64c360e3652e1 (diff) | |
| parent | 704ba23c649380f87ecb2f68fe3914881a4a76e0 (diff) | |
| download | HydroRollSite-78d6558d8c85974b01d6a6fc15f7aaca3cb11988.tar.gz HydroRollSite-78d6558d8c85974b01d6a6fc15f7aaca3cb11988.zip | |
Merge pull request #3 from HydroRoll-Team/page-layout
chore: Optimize page layout
| -rw-r--r-- | src/assets/base.css | 2 | ||||
| -rw-r--r-- | src/views/index/Notepad/index.vue | 6 | ||||
| -rw-r--r-- | src/views/index/Right.vue | 1 |
3 files changed, 5 insertions, 4 deletions
diff --git a/src/assets/base.css b/src/assets/base.css index 9c513a5..ef31ac8 100644 --- a/src/assets/base.css +++ b/src/assets/base.css @@ -12,7 +12,7 @@ /*文字色*/ /*--vt-c-indigo: #2c3e50;*/ - --vt-c-indigo: rgba(255,255,255,0.5); + --vt-c-indigo: rgba(255, 255, 255, 0.953); --vt-c-divider-light-1: rgba(60, 60, 60); /*边框色*/ diff --git a/src/views/index/Notepad/index.vue b/src/views/index/Notepad/index.vue index fde6e90..33466d4 100644 --- a/src/views/index/Notepad/index.vue +++ b/src/views/index/Notepad/index.vue @@ -19,7 +19,7 @@ export default { <template> - <div class="details" style="overflow-y:scroll;overflow-x:hidden;height:100%"> + <div class="details" style="overflow-y:hidden;overflow-x:hidden;height:100%"> <h3> {{ title }} </h3> @@ -32,7 +32,7 @@ export default { h3 { - font-size: 1.2rem; + font-size: 1.8rem; font-weight: 500; margin-bottom: 0.4rem; color: var(--color-heading); @@ -47,7 +47,7 @@ h3 { @media screen and (orientation:landscape) { .details { flex: 1; - width: 30dvw; + width: 32dvw; } } </style> diff --git a/src/views/index/Right.vue b/src/views/index/Right.vue index d76397e..85df994 100644 --- a/src/views/index/Right.vue +++ b/src/views/index/Right.vue @@ -116,6 +116,7 @@ i { @media screen and (orientation:landscape) { .messageBar { + height: 600px; margin-top: 0; padding: 5rem 0 5rem calc(var(--section-gap) / 2); } |