style: 移动端菜单改为内容自适应浮动面板
This commit is contained in:
@@ -404,7 +404,7 @@ body {
|
||||
display: none;
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0,0,0,0.35);
|
||||
background: transparent;
|
||||
z-index: 100;
|
||||
}
|
||||
#mobile-menu-overlay.show { display: block; }
|
||||
@@ -412,7 +412,9 @@ body {
|
||||
position: absolute;
|
||||
left: 0.5rem;
|
||||
top: 56px;
|
||||
width: min(280px, 84vw);
|
||||
width: max-content;
|
||||
min-width: 190px;
|
||||
max-width: 84vw;
|
||||
max-height: calc(100vh - 72px);
|
||||
background: var(--panel-bg);
|
||||
border: 1px solid var(--border);
|
||||
@@ -439,6 +441,7 @@ body {
|
||||
font-size: 0.95rem;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#app { display: block; padding: 0; }
|
||||
|
||||
Reference in New Issue
Block a user