cloverta/SanYeCao-blog
1
0
Fork 0
mirror of https://github.com/ClovertaTheTrilobita/SanYeCao-blog.git synced 2026-07-03 15:41:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update pc menu behavior

Browse source
This commit is contained in:
ClovertaTheTrilobita 2026-04-25 00:13:55 +03:00
parent 0541250822
commit 18ddbb82f1
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/Posts/PostMenu.astro
View file

@ -148,11 +148,15 @@ const tocHeadings = headings.filter((h) => h.depth === 2 || h.depth === 3);
display: none;
}
@media (min-width: 1300px) {
@media (min-width: 1200px) {
.post-menu {
--content-width: 90ch;
--menu-width: 180px;
--menu-gap: 2.2rem;
--menu-width: clamp(
140px,
calc((100vw - 1200px) * 0.42 + 140px),
260px
);
--menu-gap: 0rem;
position: fixed;
top: 8.5rem;
@ -170,7 +174,7 @@ const tocHeadings = headings.filter((h) => h.depth === 2 || h.depth === 3);
}
}
@media (max-width: 1299px) {
@media (max-width: 1200px) {
.post-menu-mobile-toggle {
display: inline-flex;
align-items: center;
@ -304,7 +308,7 @@ const tocHeadings = headings.filter((h) => h.depth === 2 || h.depth === 3);
});
const updateVisibility = () => {
if (window.innerWidth >= 1300) {
if (window.innerWidth >= 1200) {
btn.classList.remove("is-visible");
closeMenu();
return;
@ -319,7 +323,7 @@ const tocHeadings = headings.filter((h) => h.depth === 2 || h.depth === 3);
};
const updateCurrentHeading = () => {
if (window.innerWidth >= 1300) return;
if (window.innerWidth >= 1200) return;
headingItems = getHeadingElements();