chizui/aklive2d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(directory): style fix

Browse Source
This commit is contained in:
Haoyu Xu
2023-10-23 17:09:52 -04:00
parent 67daf20aa7
commit 40b5d85a54
4 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
directory/src/component/dropdown.jsx
View File

@@ -13,7 +13,7 @@ export default function Dropdown(props) {
} }
const onMouseEnter = useCallback((item) => { const onMouseEnter = useCallback((item) => {
document.documentElement.style.setProperty('--cursor-color', item.color); document.documentElement.style.setProperty('--cursor-color', item.color ? item.color : 'var(--text-color)');
}, []) }, [])
const onMouseLeave = useCallback(() => { const onMouseLeave = useCallback(() => {

9
directory/src/component/scss/dropdown.module.scss
View File

@@ -17,6 +17,8 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
color: var(--text-color); color: var(--text-color);
height: 2em;
min-width: 2em;
&:hover { &:hover {
.popup { .popup {
@@ -34,7 +36,7 @@
max-height: 61.8vh; max-height: 61.8vh;
max-width: 61.8vw; max-width: 61.8vw;
z-index: -1; z-index: -1;
top: 2em; top: 2.5em;
right: 0; right: 0;
transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s; transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
overflow: auto; overflow: auto;
@@ -65,7 +67,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: translateY(-0.2em) rotate(-45deg); transform: translateY(-0.7em) rotate(-45deg);
} }
.menu { .menu {
@@ -77,9 +79,8 @@
max-height: 61.8vh; max-height: 61.8vh;
max-width: 61.8vw; max-width: 61.8vw;
z-index: -1; z-index: -1;
top: 2em; top: 2.5em;
right: 0; right: 0;
gap: 0.5rem;
display: flex; display: flex;
align-items: stretch; align-items: stretch;
flex-direction: column; flex-direction: column;

2
directory/src/routes/Root.jsx
View File

@@ -319,7 +319,7 @@ function HeaderButton() {
iconStyle={{ iconStyle={{
borderWidth: '0.15em', borderWidth: '0.15em',
width: '1em', width: '1em',
transform: 'translateY(0.1rem) translateX(0.1rem) rotate(-45deg)', transform: 'translateY(-0.4rem) translateX(-0.7rem) rotate(-45deg)',
height: '1em', height: '1em',
}} }}
left={true} left={true}

2
directory/src/scss/root/header.module.scss
View File

@@ -17,6 +17,8 @@
.fast-navigate { .fast-navigate {
pointer-events: auto; pointer-events: auto;
margin-left: 0.6rem; margin-left: 0.6rem;
height: 2rem;
width: 2rem;
} }
.dropdown { .dropdown {