2 Commits

Author SHA1 Message Date
f7e08b50b9 Update index.html 2025-12-31 15:37:58 +08:00
8c116c54c7 Update style.css 2025-12-31 15:37:35 +08:00
2 changed files with 26 additions and 24 deletions

View File

@@ -147,22 +147,22 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 移动端底部导航栏 --> <!-- 移动端底部导航栏 -->
<div class="acc-mobile-nav"> <div class="acc-mobile-nav">
<button class="acc-nav-btn" data-target="acc-left-panel"> <button class="acc-nav-btn" data-target="acc-left-panel">
<i class="fas fa-cog"></i> <i class="fas fa-cog"></i>
<span>设置</span> <span>设置</span>
</button> </button>
<button class="acc-nav-btn active" data-target="acc-center-panel"> <button class="acc-nav-btn active" data-target="acc-center-panel">
<i class="fas fa-comments"></i> <i class="fas fa-comments"></i>
<span>聊天</span> <span>聊天</span>
</button> </button>
<button class="acc-nav-btn" data-target="acc-right-panel"> <button class="acc-nav-btn" data-target="acc-right-panel">
<i class="fas fa-eye"></i> <i class="fas fa-eye"></i>
<span>预览</span> <span>预览</span>
</button> </button>
</div>
</div> </div>
<!-- 最小化后的图标 --> <!-- 最小化后的图标 -->

View File

@@ -3,14 +3,18 @@
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100vw;
height: 100%; height: 100vh;
background-color: #1e1e1e; height: 100dvh; /* 适配移动端动态视口 */
background-color: #1e1e1e !important;
color: #e0e0e0; color: #e0e0e0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
z-index: 2000; /* 确保在最上层 */ z-index: 99999 !important; /* 确保在最上层,超过 SillyTavern 的层级 */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box;
} }
/* 顶部栏 */ /* 顶部栏 */
@@ -644,16 +648,14 @@
/* Mobile Navigation */ /* Mobile Navigation */
.acc-mobile-nav { .acc-mobile-nav {
display: none; display: none;
position: fixed; /* Flex item in .acc-window */
bottom: 0;
left: 0;
width: 100%;
height: 60px; height: 60px;
background-color: #252526; background-color: #252526;
border-top: 1px solid #333; border-top: 1px solid #333;
z-index: 2002; z-index: 2002;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
flex-shrink: 0;
} }
.acc-nav-btn { .acc-nav-btn {
@@ -685,7 +687,7 @@
} }
.acc-body { .acc-body {
padding-bottom: 60px; /* Space for nav */ padding-bottom: 0; /* Nav is now a flex item */
} }
.acc-column { .acc-column {