From 704ba23c649380f87ecb2f68fe3914881a4a76e0 Mon Sep 17 00:00:00 2001
From: Ntkskwk <natsukawa247@outlook.com>
Date: Sun, 8 Sep 2024 03:04:43 +0800
Subject: chore: Optimize page layout

---
 src/assets/base.css               | 2 +-
 src/views/index/Notepad/index.vue | 6 +++---
 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);
   }
-- 
cgit v1.2.3-70-g09d2