style: 移动端菜单改为浮动面板并调整助手按钮文案
This commit is contained in:
+1
-1
@@ -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>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user