banana v3

This commit is contained in:
User
2025-09-25 14:02:34 +08:00
parent 12915214b6
commit 1f321e6bdd
19 changed files with 233 additions and 127 deletions

View File

@@ -32,7 +32,8 @@ export const navbarRight = css`
}
&:hover:not(#navbar-logo) {
background-color: ${themeVars.color.nav.hoverBg};
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
}
}
@@ -79,12 +80,14 @@ export const navbarRight = css`
}
&:hover {
background-color: ${themeVars.color.nav.hoverBg};
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
}
&:hover:not(.ui.dropdown) {
background-color: ${themeVars.color.nav.hoverBg};
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
}
.item.ui.dropdown {
@@ -105,7 +108,8 @@ export const navbarRight = css`
width: 36px; // 增加宽度
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: scale(1.05); // 轻微放大效果
// 移除 transform 以避免创建新的层叠上下文
// transform: scale(1.05); // 轻微放大效果
}
}
}
@@ -220,7 +224,8 @@ export const secondaryNav = css`
}
&:hover {
background-color: ${themeVars.color.hover.self};
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
&.active {
background-color: ${themeVars.color.active};