diff --git a/directory/src/component/scss/dropdown.module.scss b/directory/src/component/scss/dropdown.module.scss index c2079b4..9efb3ae 100644 --- a/directory/src/component/scss/dropdown.module.scss +++ b/directory/src/component/scss/dropdown.module.scss @@ -44,14 +44,14 @@ } .content { - padding-right: 0.5em; + padding-right: 1.2em; height: 1em; } .icon { position: absolute; bottom: 0.5em; - right: -0.1em; + right: 0.6em; width: 0.5em; height: 0.5em; display: inline-block; @@ -60,7 +60,7 @@ border-bottom: 0.15em solid var(--text-color); border-right: 0.15em solid var(--text-color); border-top: 0.15em solid var(--text-color); - transform: translate(0, -0.15em) rotate(-45deg); + transform: translateY(-0.15em) rotate(-45deg); } .menu { diff --git a/directory/src/component/scss/totop_button.module.scss b/directory/src/component/scss/totop_button.module.scss index deb33a5..eb0f760 100644 --- a/directory/src/component/scss/totop_button.module.scss +++ b/directory/src/component/scss/totop_button.module.scss @@ -13,10 +13,12 @@ width: 3rem; height: 3rem; opacity: 0; + visibility: hidden; transition: opacity cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s; &.show { opacity: 1; + visibility: unset; } .bar { diff --git a/directory/src/routes/Root.jsx b/directory/src/routes/Root.jsx index 83d3e35..01b413a 100644 --- a/directory/src/routes/Root.jsx +++ b/directory/src/routes/Root.jsx @@ -295,7 +295,7 @@ function HeaderButton() { onClick={(item) => { navigate(item.value) }} - className={classes['operator-fast-navigate']} + className={classes['fast-navigate']} /> ) diff --git a/directory/src/scss/root/Root.module.scss b/directory/src/scss/root/Root.module.scss index 300ac43..4b76b15 100644 --- a/directory/src/scss/root/Root.module.scss +++ b/directory/src/scss/root/Root.module.scss @@ -80,11 +80,12 @@ } } - .operator-fast-navigate { + .fast-navigate { position: absolute; - right: -3rem; - bottom: -2rem; + right: -2em; + bottom: -1em; font-size: 32px; + transform: translateY(2px); } .return-button {