mirrors/gitea-github-theme
1
0
Fork 0
mirror of https://github.com/lutinglt/gitea-github-theme.git synced 2025-12-21 22:23:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

优化提示框动画速度

Browse Source
This commit is contained in:
lutinglt
2025-11-01 18:51:02 +08:00
parent 41e209c257
commit a8a3cd5546
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/core/theme.ts
View File

@@ -7,7 +7,12 @@ import type { MapLeafNodes, WithOptionalLayer } from "./types";
export type Theme = WithOptionalLayer<MapLeafNodes<typeof themeVars, string>>; export type Theme = WithOptionalLayer<MapLeafNodes<typeof themeVars, string>>;
export const overlayAppear = "overlay-appear"; export const overlayAppear = "overlay-appear";
export const animation = `200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running ${overlayAppear}`; export const animation = {
animation: overlayAppear,
animationDuration: "80ms",
animationFillMode: "forwards",
animationTimingFunction: "ease-in",
};
export const overlayAppearDown = "overlay-appear-down"; export const overlayAppearDown = "overlay-appear-down";
export const animationDown = `200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running ${overlayAppearDown}`; export const animationDown = `200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running ${overlayAppearDown}`;
export const overlayAppearUp = "overlay-appear-up"; export const overlayAppearUp = "overlay-appear-up";

2
styles/public/tippy.ts
View File

@@ -43,7 +43,7 @@ export const tippyBox = css`
} }
// 专门用于提示信息的提示框, 比如提交的具体时间, 任务状态等 // 专门用于提示信息的提示框, 比如提交的具体时间, 任务状态等
&[data-theme="tooltip"] { &[data-theme="tooltip"] {
animation: ${animation}; ${animation};
.tippy-content { .tippy-content {
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;