style: 移动端菜单改为浮动面板并调整助手按钮文案

This commit is contained in:
guoqingshan
2026-08-02 11:15:01 +08:00
parent b337ee23c2
commit ab7aa5bf6d
2 changed files with 8 additions and 6 deletions
+1 -1
View File
@@ -65,7 +65,7 @@
<div class="panel-header">
<input type="date" id="entry-date">
<button id="btn-speak-selected" title="朗读选中的文本">🔊 朗读</button>
<button id="btn-helper" title="输入中文,翻译后插入编辑区">🈶 中→西</button>
<button id="btn-helper" title="输入中文,翻译后插入编辑区">🤖 助手</button>
<button id="btn-save">💾 保存</button>
</div>
<textarea id="entry-text" placeholder="用西班牙语写下今天的日记..." spellcheck="false"></textarea>
+7 -5
View File
@@ -410,13 +410,15 @@ body {
#mobile-menu-overlay.show { display: block; }
#mobile-menu {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: min(300px, 84vw);
left: 0.5rem;
top: 56px;
width: min(280px, 84vw);
max-height: calc(100vh - 72px);
background: var(--panel-bg);
border: 1px solid var(--border);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 0.75rem;
padding: 0.6rem;
overflow-y: auto;
}
.mobile-menu-head {