From fb074e203d2c8e72e7769dab7ff99d5071e479bb Mon Sep 17 00:00:00 2001
From: NanamiAdmin <yzt114@yeah.net>
Date: Tue, 17 Mar 2026 22:21:42 +0800
Subject: [PATCH] refactor(views): improve layout and scroll behavior

- Update Home.vue to use flex layout and proper scrolling
- Enhance Logs.vue scrollbar styling and remove redundant padding
- Set Vite server to listen on all network interfaces
---
 src/views/Home.vue |  8 ++++++--
 src/views/Logs.vue | 24 +++++++++++++++++++-----
 vite.config.js     |  1 +
 3 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 45e79a0..3be354a 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -36,15 +36,19 @@ export default {
 
 <style scoped>
 .home-container {
-    min-height: 100vh;
+    height: 100vh;
     background: var(--bg-color);
     transition: background-color 0.3s;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
 }
 
 .main-content {
     margin-left: 240px;
     margin-top: 64px;
     padding: 24px;
-    min-height: calc(100vh - 64px);
+    flex: 1;
+    overflow-y: auto;
 }
 </style>
diff --git a/src/views/Logs.vue b/src/views/Logs.vue
index 35d75bf..899363f 100644
--- a/src/views/Logs.vue
+++ b/src/views/Logs.vue
@@ -124,10 +124,6 @@ export default {
 <style scoped>
 @import '../styles/common.css';
 
-.logs-page {
-    padding: 24px;
-}
-
 .page-header {
     display: flex;
     justify-content: space-between;
@@ -136,7 +132,7 @@ export default {
 
 .logs-container {
     background: var(--card-bg);
-    border-radius: 8px;
+    border-radius: 8px 0 0 8px;
     padding: 20px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
     max-height: calc(100vh - 200px);
@@ -144,6 +140,24 @@ export default {
     transition: background-color 0.3s;
 }
 
+.logs-container::-webkit-scrollbar {
+    width: 8px;
+}
+
+.logs-container::-webkit-scrollbar-track {
+    background: var(--bg-color);
+    border-radius: 0 8px 8px 0;
+}
+
+.logs-container::-webkit-scrollbar-thumb {
+    background: var(--primary-color);
+    border-radius: 4px;
+}
+
+.logs-container::-webkit-scrollbar-thumb:hover {
+    background: var(--sidebar-active-bg);
+}
+
 .log-list {
     display: flex;
     flex-direction: column;
diff --git a/vite.config.js b/vite.config.js
index 9663f09..76f6b4d 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,6 +4,7 @@ import vue from '@vitejs/plugin-vue'
 export default defineConfig({
     plugins: [vue()],
     server: {
+        host: '0.0.0.0',
         port: 3000,
         proxy: {
             '/api': {