按钮样式
This commit is contained in:
1 parent
99cca9491f
commit
f00fac7bca
1 file changed
+24
-2
+24
-2
@@ -14,7 +14,10 @@
|
|||||||
--line: #dfe4eb;
|
--line: #dfe4eb;
|
||||||
--soft: #f3f5f8;
|
--soft: #f3f5f8;
|
||||||
--el-color-primary: #233876;
|
--el-color-primary: #233876;
|
||||||
--el-color-success: #087f73;
|
--el-color-success: #006f66;
|
||||||
|
--el-color-info: #46566f;
|
||||||
|
--el-color-warning: #9a5b00;
|
||||||
|
--el-color-danger: #b42318;
|
||||||
--el-border-radius-base: 7px;
|
--el-border-radius-base: 7px;
|
||||||
/* Capacitor 8 injects these Android values; env() alone stays at zero in WebView. */
|
/* Capacitor 8 injects these Android values; env() alone stays at zero in WebView. */
|
||||||
--safe-area-top: max(env(safe-area-inset-top, 0px), var(--safe-area-inset-top, 0px));
|
--safe-area-top: max(env(safe-area-inset-top, 0px), var(--safe-area-inset-top, 0px));
|
||||||
@@ -1604,7 +1607,26 @@ body {
|
|||||||
.filter-bar > span,
|
.filter-bar > span,
|
||||||
.pagination-bar > span { color: #768296; }
|
.pagination-bar > span { color: #768296; }
|
||||||
|
|
||||||
.el-button { font-weight: 600; letter-spacing: .01em; }
|
.el-button {
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: .01em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Keep secondary actions legible instead of falling back to Element Plus' pale default token set. */
|
||||||
|
.el-button--default {
|
||||||
|
--el-button-text-color: #233876;
|
||||||
|
--el-button-bg-color: #ffffff;
|
||||||
|
--el-button-border-color: #b9c9dc;
|
||||||
|
--el-button-hover-text-color: #ffffff;
|
||||||
|
--el-button-hover-bg-color: #233876;
|
||||||
|
--el-button-hover-border-color: #233876;
|
||||||
|
--el-button-active-text-color: #ffffff;
|
||||||
|
--el-button-active-bg-color: #152550;
|
||||||
|
--el-button-active-border-color: #152550;
|
||||||
|
--el-button-disabled-text-color: #566577;
|
||||||
|
--el-button-disabled-bg-color: #e8edf3;
|
||||||
|
--el-button-disabled-border-color: #c5d0dc;
|
||||||
|
}
|
||||||
.el-button--primary { box-shadow: 0 4px 10px rgba(35, 56, 118, .14); }
|
.el-button--primary { box-shadow: 0 4px 10px rgba(35, 56, 118, .14); }
|
||||||
.el-button--primary:hover { box-shadow: 0 6px 14px rgba(35, 56, 118, .2); }
|
.el-button--primary:hover { box-shadow: 0 6px 14px rgba(35, 56, 118, .2); }
|
||||||
.el-input__wrapper,
|
.el-input__wrapper,
|
||||||
|
|||||||
Reference in new issue
Block a user