snack-mall/admin-snack/src/styles/element.scss

55 lines
1.2 KiB
SCSS

// Element Plus 主题覆盖 — 统一品牌色 + 圆角风格
// variables.scss 已由 vite.config.ts 的 additionalData 自动注入
/* 主按钮 */
.el-button--primary {
--el-button-bg-color: #{$brand-primary};
--el-button-border-color: #{$brand-primary};
--el-button-hover-bg-color: #{$brand-primary-light};
--el-button-hover-border-color: #{$brand-primary-light};
--el-button-active-bg-color: #{$brand-primary-dark};
--el-button-active-border-color: #{$brand-primary-dark};
border-radius: $radius-sm;
}
/* 卡片 */
.el-card {
border-radius: $radius-md !important;
border: 1px solid $color-border-light !important;
box-shadow: $shadow-sm !important;
}
/* 菜单 */
.el-menu {
border-right: none !important;
}
/* 表格 */
.el-table {
border-radius: $radius-sm;
th.el-table__cell {
background-color: $bg-page !important;
color: $color-text-regular;
font-weight: 600;
}
}
/* 输入框 */
.el-input__wrapper,
.el-textarea__inner,
.el-select__wrapper {
border-radius: $radius-sm !important;
}
/* 分页 */
.el-pagination {
justify-content: flex-end;
margin-top: 16px;
}
/* Dialog */
.el-dialog {
border-radius: $radius-md !important;
}