feat(directory): fixed dropdown menu css

This commit is contained in:
Haoyu Xu
2023-06-25 05:48:00 -04:00
parent 014680fa46
commit b3d7aa33ed
4 changed files with 10 additions and 7 deletions

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -295,7 +295,7 @@ function HeaderButton() {
onClick={(item) => {
navigate(item.value)
}}
className={classes['operator-fast-navigate']}
className={classes['fast-navigate']}
/>
</Border>
)

View File

@@ -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 {