feat: 页面调整
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
@import "tailwindcss";
|
||||
@import "./theme/index.css";
|
||||
@import "./tailwind.css";
|
||||
@plugin "@tailwindcss/typography";
|
||||
|
||||
.bg {
|
||||
@@ -58,60 +59,73 @@ body {
|
||||
border-radius: 10px;
|
||||
border: 1px solid #E5E8EE;
|
||||
}
|
||||
|
||||
.el-table {
|
||||
margin-top: 0!important;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.el-table th.el-table__cell {
|
||||
background-color: #F5F7FA!important;
|
||||
background-color: #F5F7FA !important;
|
||||
}
|
||||
|
||||
.el-dialog {
|
||||
padding: 0!important;
|
||||
border-radius: 20px!important;
|
||||
padding: 0 !important;
|
||||
border-radius: 20px !important;
|
||||
}
|
||||
|
||||
.el-dialog__header {
|
||||
padding: 16px 20px!important;
|
||||
padding: 16px 20px !important;
|
||||
border-bottom: 1px solid #E5E8EE;
|
||||
}
|
||||
|
||||
.el-dialog__title {
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
color: #171717;
|
||||
}
|
||||
|
||||
.el-dialog__close {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #525866;
|
||||
}
|
||||
|
||||
.dialog-footer {
|
||||
padding: 16px 20px!important;
|
||||
padding: 16px 20px !important;
|
||||
border-top: 1px solid #E5E8EE;
|
||||
}
|
||||
|
||||
.dialog-footer .el-button {
|
||||
border-radius: 8px!important;
|
||||
padding: 8px 10px!important;
|
||||
border-radius: 8px !important;
|
||||
padding: 8px 10px !important;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.dialog-footer .el-button--primary {
|
||||
background: #2B7FFF!important;
|
||||
border-color: #2B7FFF!important;
|
||||
background: #2B7FFF !important;
|
||||
border-color: #2B7FFF !important;
|
||||
}
|
||||
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before {
|
||||
content: ""!important;
|
||||
margin-left: 0px!important;
|
||||
|
||||
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before,
|
||||
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before {
|
||||
content: "" !important;
|
||||
margin-left: 0px !important;
|
||||
}
|
||||
|
||||
.el-form-item__label {
|
||||
font-weight: 400;
|
||||
font-size: 14px!important;
|
||||
color: #171717!important;
|
||||
font-size: 14px !important;
|
||||
color: #171717 !important;
|
||||
}
|
||||
|
||||
.el-input__wrapper {
|
||||
border-radius: 8px!important;
|
||||
border-radius: 8px !important;
|
||||
/* border: 1px solid #E5E8EE; */
|
||||
}
|
||||
|
||||
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:after, .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:after {
|
||||
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:after,
|
||||
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:after {
|
||||
content: "*";
|
||||
color: #FF4949;
|
||||
margin-left: 3px;
|
||||
|
||||
34
src/renderer/styles/tailwind.css
Normal file
34
src/renderer/styles/tailwind.css
Normal file
@@ -0,0 +1,34 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
|
||||
/* Firefox */
|
||||
* {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgba(0, 0, 0, 0.08) transparent;
|
||||
}
|
||||
|
||||
/* Webkit */
|
||||
*::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(0, 0, 0, 0.08);
|
||||
border-radius: 9999px;
|
||||
border: 2px solid transparent;
|
||||
/* 产生内边距,mac 风格关键 */
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb:hover {
|
||||
background-color: rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user