diff --git a/.vitepress/theme/components/ScrollToTop.vue b/.vitepress/theme/components/ScrollToTop.vue index 9339ee3..2728ba2 100644 --- a/.vitepress/theme/components/ScrollToTop.vue +++ b/.vitepress/theme/components/ScrollToTop.vue @@ -4,14 +4,14 @@ import { useGlobalScroll } from "../composables/useGlobalScroll"; const { isScrolled } = useGlobalScroll({ threshold: 500 }); function scrollToTop() { - const container = document.getElementById("layout-content-flow"); + const container = document.getElementById("contentFlow"); (container as HTMLElement).scrollTo({ top: 0, behavior: "smooth" }); } diff --git a/.vitepress/theme/styles/components/ScrollToTop.scss b/.vitepress/theme/styles/components/ScrollToTop.scss index abb917c..35bfbe7 100644 --- a/.vitepress/theme/styles/components/ScrollToTop.scss +++ b/.vitepress/theme/styles/components/ScrollToTop.scss @@ -1,6 +1,6 @@ @use "../mixin"; -#layout-scrolltop { +.ScrollToTop { display: flex; align-items: center; grid-column: 10 / 13; @@ -20,7 +20,7 @@ visibility: hidden; z-index: 21; - #scrolltop-button { + .button { @include mixin.material-symbols($size: 24, $line-height: 84); position: relative; @@ -52,25 +52,25 @@ } @media screen and (max-width: 1600px) { - #layout-scrolltop { + .ScrollToTop { grid-column: 10 / 13; } } @media screen and (max-width: 1200px) { - #layout-scrolltop { + .ScrollToTop { grid-column: 7 / 9; } } @media screen and (max-width: 840px) { - #layout-scrolltop { + .ScrollToTop { grid-column: 6 / 7; } } @media screen and (max-width: 600px) { - #layout-scrolltop { + .ScrollToTop { grid-column: 4 / 5; } }