feat(directory): fixed dropdown menu css
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user