优化移动端ui逻辑
This commit is contained in:
@@ -237,7 +237,6 @@ body.loaded .layout {
|
||||
visibility: hidden;
|
||||
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
z-index: 950; /* 调整遮罩层z-index,处于按钮与弹出面板之间 */
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
.overlay.active {
|
||||
@@ -966,7 +965,6 @@ body .content.expanded {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 1000;
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
.modal.active {
|
||||
@@ -1183,7 +1181,6 @@ body .content.expanded {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 1rem;
|
||||
background-color: var(--bg-color);
|
||||
transform: translateY(-100%);
|
||||
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
z-index: 95;
|
||||
|
||||
@@ -562,6 +562,10 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
resetSearch();
|
||||
} else if (e.key === 'Enter') {
|
||||
performSearch(searchInput.value);
|
||||
// 在移动设备上,执行搜索后自动关闭搜索面板
|
||||
if (isMobile() && isSearchOpen) {
|
||||
closeAllPanels();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user