♻️ refactor(InvitationCard): restructure cards with title prop and clean up styling
- Move card titles (earnings, total revenue, invitations) to Card title prop for consistency - Remove custom color classes in favor of Semi-UI's built-in type system - Standardize Text component usage with strong and tertiary types - Improve code maintainability and visual consistency across all cards - Align structure with existing reward description card pattern
This commit is contained in:
@@ -683,59 +683,6 @@ html.dark .with-pastel-balls::before {
|
||||
mix-blend-mode: screen;
|
||||
}
|
||||
|
||||
/* ==================== 卡片马卡龙模糊球(温暖色系) ==================== */
|
||||
.with-pastel-balls-warm {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/* 温暖色系变量(明亮模式) */
|
||||
--pb1: #ffe4b5;
|
||||
/* 桃杏 */
|
||||
--pb2: #d4ffdd;
|
||||
/* 薄荷绿 */
|
||||
--pb3: #ffecb3;
|
||||
/* 浅金 */
|
||||
--pb4: #e8f5e8;
|
||||
/* 淡绿 */
|
||||
--pb-opacity: 0.55;
|
||||
}
|
||||
|
||||
.with-pastel-balls-warm::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
background:
|
||||
radial-gradient(circle at -5% -10%, var(--pb1) 0%, transparent 60%),
|
||||
radial-gradient(circle at 105% -10%, var(--pb2) 0%, transparent 55%),
|
||||
radial-gradient(circle at 5% 110%, var(--pb3) 0%, transparent 55%),
|
||||
radial-gradient(circle at 105% 110%, var(--pb4) 0%, transparent 50%);
|
||||
opacity: var(--pb-opacity);
|
||||
}
|
||||
|
||||
.with-pastel-balls-warm>* {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* 暗黑模式下更柔和的色彩和透明度 */
|
||||
html.dark .with-pastel-balls-warm {
|
||||
--pb1: #ffe4b5;
|
||||
/* 桃杏 */
|
||||
--pb2: #d4ffdd;
|
||||
/* 薄荷绿 */
|
||||
--pb3: #ffecb3;
|
||||
/* 浅金 */
|
||||
--pb4: #e8f5e8;
|
||||
/* 淡绿 */
|
||||
--pb-opacity: 0.36;
|
||||
}
|
||||
|
||||
/* 暗黑模式下用更柔和的混合模式 */
|
||||
html.dark .with-pastel-balls-warm::before {
|
||||
mix-blend-mode: screen;
|
||||
}
|
||||
|
||||
/* ==================== 表格卡片滚动设置 ==================== */
|
||||
.table-scroll-card {
|
||||
display: flex;
|
||||
@@ -814,4 +761,9 @@ html.dark .with-pastel-balls-warm::before {
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
/* ==================== semi-ui 组件自定义样式 ==================== */
|
||||
.semi-card-header {
|
||||
padding: 10px !important;
|
||||
}
|
||||
Reference in New Issue
Block a user