mckero/fuwari
1
0 Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

fix: TOC component overflows the webpage (#209)

Browse Source
This commit is contained in:
saicaca committed 2024-10-28 18:44:06 +08:00
1 parent 18fcf6dd83
commit e1a98c4149
4 files changed
+32 -12
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/layouts/MainGridLayout.astro
+2 -2
View File
@@ -93,8 +93,8 @@ const mainPanelTop = siteConfig.banner.enable ? `calc(${BANNER_HEIGHT}vh - ${MAI
<div class="absolute w-full z-0">
<div class="relative max-w-[var(--page-width)] mx-auto">
<!-- TOC component -->
{siteConfig.toc.enable && <div id="toc-wrapper" class="transition absolute top-0 -right-[30rem] w-[30rem] flex items-center toc-hide">
<div id="toc-inner-wrapper" class="fixed top-14 w-96 h-[calc(100vh_-_20rem)] overflow-y-scroll overflow-x-hidden hide-scrollbar">
{siteConfig.toc.enable && <div id="toc-wrapper" class="transition absolute top-0 -right-[var(--toc-width)] w-[var(--toc-width)] flex items-center toc-hide">
<div id="toc-inner-wrapper" class="fixed top-14 w-[var(--toc-width)] h-[calc(100vh_-_20rem)] overflow-y-scroll overflow-x-hidden hide-scrollbar">
<div id="toc" class="w-full h-full transition-swup-fade">
<div class="h-8 w-full"></div>
<TOC headings={headings}></TOC>