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

banana v1

Browse Source
This commit is contained in:
User
2025-09-25 10:29:31 +08:00
parent d4f873a8c1
commit a35a81009c
28 changed files with 1657 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
styles/public/radius.ts
View File

@@ -63,6 +63,14 @@ export const radius = css`
.ui.segments:not(.horizontal) > .segment:has(~ .tw-hidden) {
border-radius: ${otherThemeVars.border.radius};
}
// 增加特殊组件的圆角
.ui.card,
.ui.cards > .card,
.ui.attached.segment,
.ui.tabular.menu {
border-radius: 12px; // 卡片使用更大的圆角
}
`;
// 全部圆角替换(原CSS带!important)
@@ -86,6 +94,12 @@ export const radiusImportant = css`
border-radius: ${otherThemeVars.border.radius} !important;
}
}
// 卡片圆角
.ui.card,
.ui.cards > .card {
border-radius: 12px !important;
}
`;
// 上半部分圆角替换
@@ -111,6 +125,14 @@ export const radiusTop = css`
.ui.modal > :first-child:not(.icon):not(.dimmer) {
border-radius: ${otherThemeVars.border.radius} ${otherThemeVars.border.radius} 0 0;
}
// 卡片顶部圆角
.ui.card > .content:first-child,
.ui.cards > .card > .content:first-child,
.ui.segment > .ui.tabular.menu,
.header-wrapper .ui.tabular.menu {
border-radius: 12px 12px 0 0;
}
`;
// 上半部分圆角替换(原CSS带!important)
@@ -123,6 +145,12 @@ export const radiusTopImportant = css`
border-radius: ${otherThemeVars.border.radius} ${otherThemeVars.border.radius} 0 0 !important;
}
}
// 卡片顶部圆角
.ui.card > .content:first-child,
.ui.cards > .card > .content:first-child {
border-radius: 12px 12px 0 0 !important;
}
`;
// 下半部分圆角替换
@@ -159,6 +187,12 @@ export const radiusBottom = css`
.ui.segment:has(+ .ui.segment:not(.attached)) {
border-radius: 0 0 ${otherThemeVars.border.radius} ${otherThemeVars.border.radius};
}
// 卡片底部圆角
.ui.card > .content:last-child,
.ui.cards > .card > .content:last-child {
border-radius: 0 0 12px 12px;
}
`;
// 下半部分圆角替换(原CSS带!important)
@@ -167,6 +201,12 @@ export const radiusBottomImportant = css`
.ui.active.upward.selection.dropdown {
border-radius: 0 0 ${otherThemeVars.border.radius} ${otherThemeVars.border.radius} !important;
}
// 卡片底部圆角
.ui.card > .content:last-child,
.ui.cards > .card > .content:last-child {
border-radius: 0 0 12px 12px !important;
}
`;
// 左半部分圆角替换
@@ -212,6 +252,12 @@ export const radiusTopLeft = css`
.ui.table > thead > tr:first-child > th:first-child {
border-top-left-radius: ${otherThemeVars.border.radius};
}
// 卡片左上圆角
.ui.card > .content:first-child,
.ui.cards > .card > .content:first-child {
border-top-left-radius: 12px;
}
`;
// 右上圆角替换
@@ -220,6 +266,12 @@ export const radiusTopRight = css`
.ui.category.search > .results .category:first-child .name + .result {
border-top-right-radius: ${otherThemeVars.border.radius};
}
// 卡片右上圆角
.ui.card > .content:first-child,
.ui.cards > .card > .content:first-child {
border-top-right-radius: 12px;
}
`;
// 左下圆角替换
@@ -232,6 +284,12 @@ export const radiusBottomLeft = css`
}
}
}
// 卡片左下圆角
.ui.card > .content:last-child,
.ui.cards > .card > .content:last-child {
border-bottom-left-radius: 12px;
}
`;
// 右下圆角替换
@@ -248,6 +306,12 @@ export const radiusBottomRight = css`
.ui.category.search > .results .category:last-child .result:last-child {
border-bottom-right-radius: ${otherThemeVars.border.radius};
}
// 卡片右下圆角
.ui.card > .content:last-child,
.ui.cards > .card > .content:last-child {
border-bottom-right-radius: 12px;
}
`;
// only-child 顺序最后生效
@@ -269,6 +333,12 @@ export const onlyChild = css`
}
}
}
// 独立卡片圆角
.ui.card:not(.attached),
.ui.cards > .card:not(.attached) {
border-radius: 12px;
}
`;
// 修复一些情况下圆角边框线被覆盖的问题
@@ -283,6 +353,12 @@ export const fixRadius = css`
border-bottom-left-radius: ${otherThemeVars.border.radius};
border-bottom-right-radius: ${otherThemeVars.border.radius};
}
// 修复卡片圆角问题
.ui.card,
.ui.cards > .card {
overflow: hidden;
}
`;
// 修复一些根本无法理解的生效顺序
@@ -291,4 +367,10 @@ export const fixWhyRadius = css`
.ui.secondary.menu .item {
border-radius: ${otherThemeVars.border.radius};
}
`;
// 卡片圆角
.ui.card,
.ui.cards > .card {
border-radius: 12px;
}
`;