Merge pull request #3 from HydroRoll-Team/page-layout

chore: Optimize page layout
HydroRoll-Team · Sep 7, 2024 · 78d6558 · 78d6558
2 parents 65e35b8 + 704ba23
commit 78d6558
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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);
   }