sky/gitea-github-theme
1
0
Fork 0
mirror of https://github.com/lutinglt/gitea-github-theme.git synced 2025-10-27 05:31:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

dropdown 样式同步

Browse Source
This commit is contained in:
lutinglt
2025-07-05 18:44:26 +08:00
parent ee455ac255
commit 49b08975d2
7 changed files with 86 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
styles/public/tippy.tsx
View File

@@ -1,23 +1,20 @@
import { overlayAppear } from "src/core/theme";
import { animation } from "src/core/theme";
import { css, themeVars } from "src/types/vars";
// 一些界面内的弹窗, 比如克隆按钮, PR信息, Runner信息 等
// 一些界面内的提示框, 比如克隆按钮, PR信息, Runner信息 等
export const tippyBox = css`
.tippy-box {
margin-top: -3px;
border-radius: 12px;
overflow: hidden;
animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running ${overlayAppear};
animation: ${animation};
// 边框线同步 github 样式
&[data-theme="default"],
&[data-theme="box-with-header"] {
border: unset;
box-shadow:
0px 0px 0px 1px ${themeVars.color.light.border},
0px 6px 12px -3px ${themeVars.color.shadow.self},
0px 6px 18px 0px ${themeVars.color.shadow.self};
box-shadow: ${themeVars.github.shadow.floating.small};
}
// 带标题的弹窗 (Runner信息)
// 带标题的提示框 (Runner信息)
&[data-theme="box-with-header"] {
.tippy-content {
background-color: ${themeVars.color.menu};