126 lines
2.3 KiB
SCSS
126 lines
2.3 KiB
SCSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
@import '@/style/main.scss';
|
|
@import "@/style/reset";
|
|
|
|
.el-button {
|
|
font-weight: 400;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.gva-pagination {
|
|
@apply flex justify-end;
|
|
.el-pagination__editor {
|
|
.el-input__inner {
|
|
@apply h-8;
|
|
}
|
|
}
|
|
|
|
.is-active {
|
|
@apply rounded text-white;
|
|
background: var(--el-color-primary);
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
|
|
|
|
.el-drawer__header{
|
|
margin-bottom: 0 !important;
|
|
padding-top: 16px !important;
|
|
padding-bottom: 16px !important;
|
|
@apply border-0 border-b border-solid border-gray-200;
|
|
}
|
|
|
|
|
|
.el-form--inline {
|
|
.el-form-item {
|
|
& > .el-input, .el-cascader, .el-select, .el-date-editor, .el-autocomplete {
|
|
@apply w-52;
|
|
}
|
|
}
|
|
}
|
|
|
|
.el-dropdown {
|
|
@apply overflow-hidden
|
|
}
|
|
|
|
|
|
.el-table {
|
|
tr{
|
|
th {
|
|
@apply dark:bg-slate-900;
|
|
.cell {
|
|
@apply leading-[36px] text-gray-700 dark:text-gray-200;
|
|
}
|
|
}
|
|
}
|
|
.el-table__row {
|
|
td {
|
|
@apply dark:bg-slate-900;
|
|
.cell {
|
|
@apply leading-[32px] text-gray-600 dark:text-gray-300;
|
|
}
|
|
}
|
|
}
|
|
tr{
|
|
th{
|
|
&.is-leaf {
|
|
@apply dark:bg-slate-900;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
// layout
|
|
|
|
// table
|
|
.el-pagination {
|
|
@apply mt-8;
|
|
.btn-prev,
|
|
.btn-next {
|
|
@apply border border-solid border-gray-300 dark:border-gray-700 rounded;
|
|
}
|
|
.el-pager {
|
|
li {
|
|
@apply border border-solid border-gray-300 dark:border-gray-600 rounded text-gray-600 text-sm mx-1;
|
|
}
|
|
}
|
|
}
|
|
.el-menu{
|
|
li{
|
|
@apply my-1;
|
|
}
|
|
}
|
|
.el-menu-item{
|
|
border-radius: 2px;
|
|
&.is-active{
|
|
background-color: var(--el-color-primary) !important;
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
|
|
.el-tabs__header{
|
|
margin: 0 0 1px !important;
|
|
}
|
|
|
|
.el-sub-menu.is-active{
|
|
.el-sub-menu__title{
|
|
color: var(--el-color-primary) !important;
|
|
}
|
|
}
|
|
|
|
.el-sub-menu__title.el-tooltip__trigger,
|
|
.el-menu-item .el-menu-tooltip__trigger{
|
|
justify-content: center;
|
|
}
|
|
|
|
html.dark {
|
|
/* 自定义深色背景颜色 */
|
|
--el-bg-color: rgb(30 ,41 ,59);
|
|
--el-bg-color-overlay: rgb(40 ,51 ,69);
|
|
--el-fill-color-light: rgb(15 ,23 ,42);
|
|
--el-fill-color : rgb(15 ,23 ,42);
|
|
}
|