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 { .content {
padding-right: 0.5em; padding-right: 1.2em;
height: 1em; height: 1em;
} }
.icon { .icon {
position: absolute; position: absolute;
bottom: 0.5em; bottom: 0.5em;
right: -0.1em; right: 0.6em;
width: 0.5em; width: 0.5em;
height: 0.5em; height: 0.5em;
display: inline-block; display: inline-block;
@@ -60,7 +60,7 @@
border-bottom: 0.15em solid var(--text-color); border-bottom: 0.15em solid var(--text-color);
border-right: 0.15em solid var(--text-color); border-right: 0.15em solid var(--text-color);
border-top: 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 { .menu {

View File

@@ -13,10 +13,12 @@
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;
opacity: 0; opacity: 0;
visibility: hidden;
transition: opacity cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s; transition: opacity cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
&.show { &.show {
opacity: 1; opacity: 1;
visibility: unset;
} }
.bar { .bar {

View File

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

View File

@@ -80,11 +80,12 @@
} }
} }
.operator-fast-navigate { .fast-navigate {
position: absolute; position: absolute;
right: -3rem; right: -2em;
bottom: -2rem; bottom: -1em;
font-size: 32px; font-size: 32px;
transform: translateY(2px);
} }
.return-button { .return-button {