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

fix(directory): fixed some css is awesome issues

Browse Source
This commit is contained in:
Haoyu Xu
2023-03-13 20:55:10 -04:00
parent 1c95b97fa1
commit 56e0d8178a
6 changed files with 57 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Version
View File

@@ -1 +1 @@
3.3.62
3.3.63

2
directory/Version
View File

@@ -1 +1 @@
1.0.11
1.0.12

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

@@ -13,7 +13,7 @@ export default function Dropdown(props) {
return (
<>
<section className={`dropdown ${props.className} ${hidden ? '' : 'active'}`} >
<section className={`dropdown ${props.className ? props.className : ''} ${hidden ? '' : 'active'}`} >
<section
className='text'
onClick={() => toggleDropdown()}

3
directory/src/component/popup.css
View File

@@ -35,7 +35,7 @@
.popup.active {
opacity: 1;
z-index: 1;
z-index: 10;
}
.popup .title {
@@ -58,6 +58,7 @@
.popup .content {
line-height: 1.3em;
padding: 1rem 1rem 0 1rem;
user-select: text;
}
@media (max-width: 768px) {

84
directory/src/routes/root.css
View File

@@ -23,6 +23,7 @@
align-items: center;
flex-wrap: nowrap;
justify-content: flex-start;
pointer-events: none;
}
.header .spacer {
@@ -73,6 +74,17 @@
transform: translate(0, -100%) rotateZ(45deg) scaleX(0.5) translate(50%);
}
.extra-area {
display: flex;
flex-direction: row;
align-items: center;
}
.navButton,
.extra-area {
pointer-events: auto;
}
.drawer {
position: fixed;
top: 0;
@@ -162,55 +174,55 @@
}
.main .main-header .main-tab {
flex: auto;
white-space: pre;
user-select: none;
display: flex;
flex-direction: row;
justify-content: flex-end;
overflow: hidden;
z-index: 2;
flex: auto;
white-space: pre;
user-select: none;
display: flex;
flex-direction: row;
justify-content: flex-end;
overflow: hidden;
z-index: 2;
}
.main .main-header .main-tab .main-tab-item {
font-size: 1.25rem;
line-height: 3em;
font-weight: 700;
padding: 0 1rem;
text-transform: uppercase;
cursor: pointer;
border-bottom: 0.3rem solid transparent;
display: inline-block;
cursor: pointer;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.25rem;
line-height: 3em;
font-weight: 700;
padding: 0 1rem;
text-transform: uppercase;
cursor: pointer;
border-bottom: 0.3rem solid transparent;
display: inline-block;
cursor: pointer;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
}
.main .main-header .main-tab .main-tab-item .main-tab-text-wrapper {
overflow: hidden;
text-overflow: ellipsis;
overflow: hidden;
text-overflow: ellipsis;
}
.main .main-header .main-tab .main-tab-item.active .main-tab-text-wrapper,
.main .main-header .main-tab .main-tab-item:hover .main-tab-text-wrapper,
.main .main-header .main-tab .main-tab-item.active .text,
.main .main-header .main-tab .main-tab-item:hover .text {
color: currentColor
color: currentColor;
}
.main .main-header .main-tab .main-tab-item.active {
border-bottom-color: currentColor;
border-bottom-color: currentColor;
}
.main .main-header .main-tab .main-tab-item.active,
.main .main-header .main-tab .main-tab-item:hover {
color: var(--link-highlight-color);
color: var(--link-highlight-color);
}
.main .main-header .main-tab .main-tab-item .main-tab-text-wrapper {
color: var(--text-color);
transition: color cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
color: var(--text-color);
transition: color cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
}
.main .main-icon {
@@ -222,21 +234,21 @@
}
.main .return-button {
position: absolute;
right: -4rem;
bottom: -24px;
color: var(--button-color);
transition: color cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
position: absolute;
right: -4rem;
bottom: -24px;
color: var(--button-color);
transition: color cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
}
@media (max-width: 768px) {
.main .return-button {
right: -3.4rem;
}
.main .return-button {
right: -3.4rem;
}
}
.main .return-button:hover {
color: var(--text-color);
color: var(--text-color);
}
.footer {

6
directory/src/routes/root.jsx
View File

@@ -86,8 +86,10 @@ export default function Root() {
<section className='bar'></section>
</section>
<section className='spacer' />
{extraArea}
<LanguageDropdown />
<section className='extra-area'>
{extraArea}
<LanguageDropdown />
</section>
</header>
<nav className={`drawer ${drawerHidden ? '' : 'active'}`}>
<section