From 8ffb56d0ad8810b1df2dba9d25d489fbe30d993a Mon Sep 17 00:00:00 2001
From: jocayn <1579649885@qq.com>
Date: Sat, 13 Jun 2026 17:40:37 +0800
Subject: [PATCH] style(config): move console panel to bottom left sidebar area

---
 public/index.html | 77 ++++++++++++++++++++++++++---------------------
 1 file changed, 43 insertions(+), 34 deletions(-)

diff --git a/public/index.html b/public/index.html
index 4bcd5f3..bfe0572 100644
--- a/public/index.html
+++ b/public/index.html
@@ -92,6 +92,12 @@
       align-items: start;
     }
 
+    .sidebar-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 1.5rem;
+    }
+
     .sidebar {
       background: var(--bg-card);
       backdrop-filter: blur(12px);
@@ -473,7 +479,6 @@
 
     /* Logger Terminal */
     .console-panel {
-      margin-top: 2rem;
       background: #090d16;
       border: 1px solid var(--border-color);
       border-radius: 16px;
@@ -482,8 +487,8 @@
 
     .console-header {
       background: rgba(255, 255, 255, 0.02);
-      padding: 0.75rem 1.5rem;
-      font-size: 0.8rem;
+      padding: 0.6rem 1rem;
+      font-size: 0.78rem;
       font-weight: 600;
       text-transform: uppercase;
       color: var(--text-secondary);
@@ -494,15 +499,16 @@
     }
 
     .console-logs {
-      padding: 1rem 1.5rem;
-      height: 120px;
+      padding: 0.8rem 1rem;
+      height: 180px;
       overflow-y: auto;
       font-family: var(--font-mono);
-      font-size: 0.85rem;
+      font-size: 0.8rem;
       color: #a78bfa;
       display: flex;
       flex-direction: column;
       gap: 0.25rem;
+      word-break: break-all;
     }
 
     .log-line {
@@ -667,21 +673,37 @@
 
     <!-- Content Layout -->
     <div class="layout">
-      <!-- Sidebar Navigation -->
-      <nav class="sidebar">
-        <button class="nav-btn active" onclick="switchTab('subs')" id="btn-tab-subs">
-          <i data-lucide="link"></i>订阅源管理
-        </button>
-        <button class="nav-btn" onclick="switchTab('proxies')" id="btn-tab-proxies">
-          <i data-lucide="shield"></i>代理节点列表
-        </button>
-        <button class="nav-btn" onclick="switchTab('dns')" id="btn-tab-dns">
-          <i data-lucide="globe"></i>DNS 规则配置
-        </button>
-        <button class="nav-btn" onclick="switchTab('history')" id="btn-tab-history">
-          <i data-lucide="history"></i>生成历史记录
-        </button>
-      </nav>
+      <!-- Sidebar and Console Wrapper -->
+      <div class="sidebar-wrapper">
+        <!-- Sidebar Navigation -->
+        <nav class="sidebar">
+          <button class="nav-btn active" onclick="switchTab('subs')" id="btn-tab-subs">
+            <i data-lucide="link"></i>订阅源管理
+          </button>
+          <button class="nav-btn" onclick="switchTab('proxies')" id="btn-tab-proxies">
+            <i data-lucide="shield"></i>代理节点列表
+          </button>
+          <button class="nav-btn" onclick="switchTab('dns')" id="btn-tab-dns">
+            <i data-lucide="globe"></i>DNS 规则配置
+          </button>
+          <button class="nav-btn" onclick="switchTab('history')" id="btn-tab-history">
+            <i data-lucide="history"></i>生成历史记录
+          </button>
+        </nav>
+
+        <!-- Console Terminal -->
+        <div class="console-panel">
+          <div class="console-header">
+            <span>控制台日志</span>
+            <button class="btn btn-secondary" style="padding: 0.25rem 0.5rem; font-size: 0.75rem;" onclick="clearLogs()">
+              清空
+            </button>
+          </div>
+          <div class="console-logs" id="console-logs">
+            <div class="log-line log-info">系统初始化完成。请添加订阅源或拉取配置。</div>
+          </div>
+        </div>
+      </div>
 
       <!-- Main Panel -->
       <main class="main-content">
@@ -782,19 +804,6 @@
         </section>
       </main>
     </div>
-
-    <!-- Console Terminal -->
-    <div class="console-panel">
-      <div class="console-header">
-        <span>控制台日志 (Console Logs)</span>
-        <button class="btn btn-secondary" style="padding: 0.25rem 0.5rem; font-size: 0.75rem;" onclick="clearLogs()">
-          清空日志
-        </button>
-      </div>
-      <div class="console-logs" id="console-logs">
-        <div class="log-line log-info">系统初始化完成。请添加订阅源或拉取配置。</div>
-      </div>
-    </div>
   </div>
 
   <!-- Drawer Modal for editing a node's details -->