feat(web): 移动端适配——顶栏防换行 + 抽屉式侧边栏
- TopBar: 标题区 min-w-0+truncate 防换行;移动端(sm 下)隐藏心情/WS文字tag、管理/主题按钮shrink-0;新增汉堡按钮(md:hidden) - Nav: 抽共享 NavContent;桌面 Sidebar(dd:flex) 保持;移动端新增 MobileNav 抽屉(遮罩+弹簧滑入 md:hidden) - App: 加 menuOpen state,渲染 MobileNav + TopBar 传 onMenu - Icon: 新增 menu 图标;index.css: 加 mu-drawer-in 滑入动画 - npm run build 绿(77模块);后端未动
This commit is contained in:
1 parent
c42aae7797
commit
cc3eecacac
5 files changed
+96
-19
No files matched your search
@@ -153,3 +153,13 @@ textarea {
|
||||
.mu-awaken {
|
||||
animation: mu-awaken 1.2s var(--mu-spring) ease-in-out;
|
||||
}
|
||||
|
||||
/* 移动端抽屉(MobileNav)滑入:从左侧收起,弹簧过冲,仅一次性入场 */
|
||||
@keyframes mu-drawer-in {
|
||||
from {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
to {
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user