diff --git a/src/components/Comment.astro b/src/components/Comment.astro index 56a9d1b..da5fb38 100644 --- a/src/components/Comment.astro +++ b/src/components/Comment.astro @@ -13,9 +13,6 @@ import "../styles/components/Comment.less"; updateRouter("afterMount", async () => { if (!document.querySelector(".vh-comment>section")) return; await LoadScript("https://registry.npmmirror.com/twikoo/1.6.41/files/dist/twikoo.all.min.js"); - twikoo.init({ - envId: SITE_INFO.Twikoo.envId, - el: ".vh-comment>section" - }); + twikoo.init({ envId: SITE_INFO.Twikoo.envId, el: ".vh-comment>section" }); }); diff --git a/src/components/MobileSidebar.astro b/src/components/MobileSidebar.astro index b8137da..c296aad 100644 --- a/src/components/MobileSidebar.astro +++ b/src/components/MobileSidebar.astro @@ -12,12 +12,12 @@ import "../styles/components/MobileSidebar.less";

{Title}

- +
{ Navs.map(i => ( - + {i.text} )) diff --git a/src/styles/components/MobileSidebar.less b/src/styles/components/MobileSidebar.less index 21e9898..7d3ab3b 100644 --- a/src/styles/components/MobileSidebar.less +++ b/src/styles/components/MobileSidebar.less @@ -90,24 +90,15 @@ color: #fff; background: #3366FF; - &>span { - &>svg { - fill: #fff; - } + &>object { + filter: brightness(0) invert(100%); } } - - &>span { - display: flex; - align-items: center; + &>object { width: 0.875rem; height: 0.875rem; - - &>svg { - width: 100%; - height: 100%; - } + transition: filter 0.16s ease-in-out; } } }