Skip to content

C
clique-web
Commit 84fe79a1 by 无尘
Options

style: 修改部分样式

parent f68055f2
Showing with 100 additions and 46 deletions
theme/index.css
......@@ -5988,16 +5988,16 @@
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 4px; }
.el-button + .el-button {
margin-left: 10px; }
.el-button.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-button:hover, .el-button:focus {
color: #1890ff;
border-color: #badeff;
border-color: #1890ff;
background-color: #e8f4ff; }
.el-button:active {
color: #1682e6;
......@@ -6249,11 +6249,11 @@
.el-button--medium.is-circle {
padding: 10px; }
.el-button--small {
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 3px; }
.el-button--small.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-button--small.is-circle {
padding: 9px; }
.el-button--mini {
......@@ -9845,11 +9845,11 @@
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 0; }
.el-radio-button__inner.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-radio-button__inner:hover {
color: #1890ff; }
.el-radio-button__inner [class*="el-icon-"] {
......@@ -9893,11 +9893,11 @@
.el-radio-button--medium .el-radio-button__inner.is-round {
padding: 10px 20px; }
.el-radio-button--small .el-radio-button__inner {
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 0; }
.el-radio-button--small .el-radio-button__inner.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-radio-button--mini .el-radio-button__inner {
padding: 7px 15px;
font-size: 14px;
......@@ -10448,11 +10448,11 @@
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button__inner.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-checkbox-button__inner:hover {
color: #1890ff; }
.el-checkbox-button__inner [class*="el-icon-"] {
......@@ -10499,11 +10499,11 @@
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px;
font-size: 14px;
......@@ -13706,13 +13706,13 @@
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 4px; }
.el-button + .el-button {
margin-left: 10px; }
.el-button.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-button:hover, .el-button:focus {
color: #1890ff;
border-color: #badeff;
......@@ -13967,11 +13967,11 @@
.el-button--medium.is-circle {
padding: 10px; }
.el-button--small {
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 3px; }
.el-button--small.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-button--small.is-circle {
padding: 9px; }
.el-button--mini {
......@@ -14732,11 +14732,11 @@
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button__inner.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-checkbox-button__inner:hover {
color: #1890ff; }
.el-checkbox-button__inner [class*="el-icon-"] {
......@@ -14783,11 +14783,11 @@
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px;
font-size: 14px;
......@@ -16574,11 +16574,11 @@
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button__inner.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-checkbox-button__inner:hover {
color: #1890ff; }
.el-checkbox-button__inner [class*="el-icon-"] {
......@@ -16625,11 +16625,11 @@
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px;
font-size: 14px;
......@@ -26362,13 +26362,13 @@
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 4px; }
.el-button + .el-button {
margin-left: 10px; }
.el-button.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-button:hover, .el-button:focus {
color: #1890ff;
border-color: #badeff;
......@@ -26623,11 +26623,11 @@
.el-button--medium.is-circle {
padding: 10px; }
.el-button--small {
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 3px; }
.el-button--small.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-button--small.is-circle {
padding: 9px; }
.el-button--mini {
......@@ -30136,11 +30136,11 @@
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button__inner.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-checkbox-button__inner:hover {
color: #1890ff; }
.el-checkbox-button__inner [class*="el-icon-"] {
......@@ -30187,11 +30187,11 @@
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px;
font-size: 14px;
......@@ -42240,7 +42240,7 @@
.el-button + .el-button {
margin-left: 8px; }
.el-button.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-button:hover, .el-button:focus {
color: #1890ff;
border-color: #badeff;
......@@ -42495,16 +42495,16 @@
.el-button--medium.is-circle {
padding: 10px; }
.el-button--small {
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 3px; }
.el-button--small.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-button--small.is-circle {
padding: 9px; }
.el-button--mini {
padding: 7px 15px;
font-size: 14px;
padding: 6px 15px;
font-size: 12px;
border-radius: 3px; }
.el-button--mini.is-round {
padding: 7px 15px; }
......@@ -43139,11 +43139,11 @@
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button__inner.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-checkbox-button__inner:hover {
color: #1890ff; }
.el-checkbox-button__inner [class*="el-icon-"] {
......@@ -43190,11 +43190,11 @@
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px;
padding: 8px 15px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px; }
padding: 8px 15px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px;
font-size: 14px;
......@@ -44381,14 +44381,68 @@
.dm-status--info::before {
background-color: #D9D9D9;
}
/* 进行中 */
.dm-status--primay::before {
background-color: #1890FF;
}
/* 告警… */
.dm-status--warning::before {
background-color: #FAAD14;
}
/* 进行中 无闪动 */
.dm-status--primary::before {
background-color: #1890FF;
}
/* 进行中 闪动效果 */
.dm-status--primary--flash {
position: relative;
}
.dm-status--primary--flash::before {
background-color: #1890FF;
}
.dm-status--primary--flash::after {
position: absolute;
left: -1px;
top: 5px;
display: inline-block;
width: 6px;
height: 6px;
margin-right: 7px;
vertical-align: middle;
content: ' ';
border-radius: 50%;
border: 1px solid #1890FF;
-webkit-animation: antStatusProcessing 1.2s ease-in-out infinite;
animation: antStatusProcessing 1.2s ease-in-out infinite;
}
@-webkit-keyframes antStatusProcessing {
0% {
-webkit-transform: scale(.8);
transform: scale(.8);
opacity: 0.5
}
to {
-webkit-transform: scale(2.4);
transform: scale(2.4);
opacity: 0.5
}
}
@keyframes antStatusProcessing {
0% {
-webkit-transform: scale(.8);
transform: scale(.8);
opacity: 1
}
to {
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0.5
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment