Skip to content

G
gin-vue-admin

FLIPPED-AURORA / gin-vue-admin
9 个月 前同步成功

通知 324
Star 18154
Fork 5505
G
gin-vue-admin

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 8ba79377 编写于 作者: Mr.奇淼（'s avatar Mr.奇淼（
浏览文件
操作

fixed:#854

上级 2f2c73db
隐藏空白更改
内联 并排
Showing with 149 addition and 145 deletion
web/src/style/element_visiable.scss
浏览文件 @ 8ba79377
/* 改变主题色变量 */ /* 改变主题色变量 */
#app{ #app {
.el-button{ .el-button {
font-weight: 400; font-weight: 400;
border-radius: 2px; border-radius: 2px;
} }
} }
.el-dialog{ .el-dialog {
border-radius: 2px; border-radius: 2px;
} }
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
background-color: #f8f8f8; background-color: #f8f8f8;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 9px; width: 9px;
height: 9px; height: 9px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-color: #dddddd; background-color: #dddddd;
background-clip: padding-box; background-clip: padding-box;
min-height: 28px; min-height: 28px;
border-radius: 4px; border-radius: 4px;
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-color: #bbb; background-color: #bbb;
} }
.el-button--primary { .el-button--primary {
--el-button-font-color: #ffffff; --el-button-font-color: #ffffff;
--el-button-background-color: #4D70FF; --el-button-background-color: #4D70FF;
--el-button-border-color: #4D70FF; --el-button-border-color: #4D70FF;
--el-button-hover-color: #0d84ff; --el-button-hover-color: #0d84ff;
--el-button-active-font-color: #e6e6e6; --el-button-active-font-color: #e6e6e6;
--el-button-active-background-color: #0d84ff; --el-button-active-background-color: #0d84ff;
--el-button-active-border-color: #0d84ff; --el-button-active-border-color: #0d84ff;
} }
.el-button--primary { .el-button--primary {
--el-button-font-color: #ffffff; --el-button-font-color: #ffffff;
--el-button-background-color: #4D70FF; --el-button-background-color: #4D70FF;
--el-button-border-color: #4D70FF; --el-button-border-color: #4D70FF;
--el-button-hover-color: #0d84ff; --el-button-hover-color: #0d84ff;
--el-button-active-font-color: #e6e6e6; --el-button-active-font-color: #e6e6e6;
--el-button-active-background-color: #0d84ff; --el-button-active-background-color: #0d84ff;
--el-button-active-border-color: #0d84ff; --el-button-active-border-color: #0d84ff;
} }
:root { :root {
--el-color-primary: #4D70FF; --el-color-primary: #4D70FF;
} }
.gva-search-box { .gva-search-box {
.el-collapse { .el-collapse {
border: none; border: none;
.el-collapse-item__header, .el-collapse-item__header,
.el-collapse-item__wrap { .el-collapse-item__wrap {
border-bottom: none; border-bottom: none;
} }
} }
padding: 24px; padding: 24px;
padding-bottom: 2px; padding-bottom: 2px;
background-color: #fff; background-color: #fff;
border-radius: 2px; border-radius: 2px;
margin-bottom: 12px; margin-bottom: 12px;
.el-form { .el-form {
.el-form-item { .el-form-item {
padding-right: 28px; padding-right: 28px;
} }
} }
} }
.gva-form-box { .gva-form-box {
padding: 24px; padding: 24px;
background-color: #fff; background-color: #fff;
border-radius: 2px; border-radius: 2px;
} }
.gva-table-box { .gva-table-box {
padding: 24px; padding: 24px;
background-color: #fff; background-color: #fff;
border-radius: 2px; border-radius: 2px;
} }
.gva-pagination { .gva-pagination {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
.el-pagination__editor { .el-pagination__editor {
.el-input__inner { .el-input__inner {
height: 32px; height: 32px;
} }
} }
.el-pagination__total { .el-pagination__total {
line-height: 32px !important; line-height: 32px !important;
} }
.btn-prev { .btn-prev {
padding-right: 6px; padding-right: 6px;
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 32px; width: 32px;
height: 32px; height: 32px;
} }
.number { .number {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 32px; width: 32px;
height: 32px; height: 32px;
} }
.btn-quicknext { .btn-quicknext {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 32px; width: 32px;
height: 32px; height: 32px;
} }
.btn-next { .btn-next {
padding-left: 6px; padding-left: 6px;
width: 32px; width: 32px;
height: 32px; height: 32px;
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.active { .active {
background: #4D70FF; background: #4D70FF;
border-radius: 2px; border-radius: 2px;
color: #ffffff !important; color: #ffffff !important;
} }
.el-pager li.active+li { .el-pager li.active+li {
border-left: 1px solid #ddd !important; border-left: 1px solid #ddd !important;
} }
.el-pagination__sizes { .el-pagination__sizes {
.el-input { .el-input {
.el-input__suffix { .el-input__suffix {
margin-top: 2px; margin-top: 2px;
} }
} }
} }
} }
.el-button--mini { .el-button--mini {
min-height: 32px; min-height: 32px;
} }
.el-button { .el-button {
padding: 8px 16px; padding: 8px 16px;
border-radius: 2px; border-radius: 2px;
&.el-button--text { &.el-button--text {
padding: 8px 0; padding: 8px 0;
} }
} }
.el-dialog { .el-dialog {
padding: 12px; padding: 12px;
.el-dialog__body { .el-dialog__body {
padding: 12px 6px; padding: 12px 6px;
} }
.el-dialog__header { .el-dialog__header {
.el-dialog__title { .el-dialog__title {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
} }
padding: 2px 20px 12px 20px; padding: 2px 20px 12px 20px;
border-bottom: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;
} }
.el-dialog__headerbtn { .el-dialog__headerbtn {
top: 16px; top: 16px;
} }
.el-dialog__footer { .el-dialog__footer {
padding: 0 16px 16px 0; padding: 0 16px 16px 0;
.dialog-footer { .dialog-footer {
.el-button { .el-button {
padding-left: 24px; padding-left: 24px;
padding-right: 24px; padding-right: 24px;
} }
.el-button+.el-button { .el-button+.el-button {
margin-left: 30px; margin-left: 30px;
} }
} }
} }
} }
.el-drawer__body{ .el-drawer__body {
padding:0; padding: 0;
}
.el-date-editor .el-range-separator {
line-height: 24px;
} }
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或