guoqingshan/spanish-diary
1
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

style: 移动端菜单改为内容自适应浮动面板

Browse Source
This commit is contained in:
guoqingshan
2026-08-02 11:32:15 +08:00
parent ab7aa5bf6d
commit b55d3696ac
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Diario — 西班牙语日记</title> <title>Mi Diario — 西班牙语日记</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css?v=20260802">
</head> </head>
<body data-view="editor"> <body data-view="editor">
<header id="mobile-header"> <header id="mobile-header">
style.css
+5 -2
View File
@@ -404,7 +404,7 @@ body {
display: none; display: none;
position: fixed; position: fixed;
inset: 0; inset: 0;
background: rgba(0,0,0,0.35); background: transparent;
z-index: 100; z-index: 100;
} }
#mobile-menu-overlay.show { display: block; } #mobile-menu-overlay.show { display: block; }
@@ -412,7 +412,9 @@ body {
position: absolute; position: absolute;
left: 0.5rem; left: 0.5rem;
top: 56px; top: 56px;
width: min(280px, 84vw); width: max-content;
min-width: 190px;
max-width: 84vw;
max-height: calc(100vh - 72px); max-height: calc(100vh - 72px);
background: var(--panel-bg); background: var(--panel-bg);
border: 1px solid var(--border); border: 1px solid var(--border);
@@ -439,6 +441,7 @@ body {
font-size: 0.95rem; font-size: 0.95rem;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
white-space: nowrap;
} }
#app { display: block; padding: 0; } #app { display: block; padding: 0; }