yuantao/gitea-banana-theme
1
0
Fork 0
Code Issues Pull Requests Releases 1 Activity

bannana v2

Browse Source
This commit is contained in:
User
2025-09-25 10:45:55 +08:00
parent a35a81009c
commit 12915214b6
2 changed files with 38 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
styles/public/tippy.ts
View File

@@ -5,10 +5,10 @@ import { css, themeVars } from "src/types/vars";
export const tippyBox = css`
.tippy-box {
margin-top: -3px;
border-radius: 12px; // 增加圆角
border-radius: 16px; // 增加圆角
overflow: hidden;
animation: ${animationDown};
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); // 增强过渡效果
// 克隆菜单和PR提示框为 default
&[data-theme="default"],
// 带标题的提示框 (Runner信息)
@@ -16,20 +16,21 @@ export const tippyBox = css`
border: unset;
box-shadow: ${themeVars.github.shadow.floating.small};
&:hover {
transform: translateY(-2px); // 轻微上移效果
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05); // 增强阴影
transform: translateY(-4px); // 增强上移效果
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15), 0 6px 8px rgba(0, 0, 0, 0.1); // 增强阴影
}
}
&[data-theme="default"] {
border-radius: 12px;
border-radius: 16px;
}
&[data-theme="box-with-header"] {
.tippy-content {
background-color: ${themeVars.color.menu};
.ui.attached.header {
background-color: ${themeVars.color.body};
padding: 12px 16px; // 增加内边距
font-weight: 600; // 增加字体粗细
padding: 16px 20px; // 增加内边距
font-weight: 600;
border-bottom: 1px solid ${themeVars.color.light.border}; // 添加底部边框
}
}
}
@@ -38,12 +39,14 @@ export const tippyBox = css`
.tippy-content {
padding: 8px;
.item {
border-radius: 8px; // 增加圆角
padding: 6px 12px; // 增加内边距
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
border-radius: 10px; // 增加圆角
padding: 8px 16px; // 增加内边距
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); // 增强过渡效果
font-weight: 500; // 增加字体粗细
&:hover {
background-color: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateX(2px); // 轻微右移效果
transform: translateX(4px); // 增强右移效果
color: ${themeVars.color.primary.self}; // 改变文字颜色
}
}
}
@@ -52,11 +55,12 @@ export const tippyBox = css`
&[data-theme="tooltip"] {
.tippy-content {
font-size: 12px;
font-weight: 400;
padding: 6px 12px; // 增加内边距
border-radius: 8px; // 增加圆角
background-color: ${themeVars.color.menu}; // 添加背景色
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); // 添加阴影
font-weight: 500; // 增加字体粗细
padding: 8px 16px; // 增加内边距
border-radius: 10px; // 增加圆角
background-color: ${themeVars.color.menu};
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); // 增强阴影
color: ${themeVars.color.text.self}; // 确保文字颜色
}
}
}