style(config): move console panel to bottom left sidebar area

This commit is contained in:
jocayn
2026-06-13 17:40:37 +08:00
parent e48f52fc29
commit 8ffb56d0ad
+28 -19
View File
@@ -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,6 +673,8 @@
<!-- Content Layout -->
<div class="layout">
<!-- 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">
@@ -683,6 +691,20 @@
</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">
<!-- Panel 1: Subscriptions -->
@@ -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 -->