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 @@ ...@@ -5988,16 +5988,16 @@
-moz-user-select: none; -moz-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
-ms-user-select: none; -ms-user-select: none;
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 4px; } border-radius: 4px; }
.el-button + .el-button { .el-button + .el-button {
margin-left: 10px; } margin-left: 10px; }
.el-button.is-round { .el-button.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-button:hover, .el-button:focus { .el-button:hover, .el-button:focus {
color: #1890ff; color: #1890ff;
border-color: #badeff; border-color: #1890ff;
background-color: #e8f4ff; } background-color: #e8f4ff; }
.el-button:active { .el-button:active {
color: #1682e6; color: #1682e6;
...@@ -6249,11 +6249,11 @@ ...@@ -6249,11 +6249,11 @@
.el-button--medium.is-circle { .el-button--medium.is-circle {
padding: 10px; } padding: 10px; }
.el-button--small { .el-button--small {
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 3px; } border-radius: 3px; }
.el-button--small.is-round { .el-button--small.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-button--small.is-circle { .el-button--small.is-circle {
padding: 9px; } padding: 9px; }
.el-button--mini { .el-button--mini {
...@@ -9845,11 +9845,11 @@ ...@@ -9845,11 +9845,11 @@
cursor: pointer; cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -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); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 0; } border-radius: 0; }
.el-radio-button__inner.is-round { .el-radio-button__inner.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-radio-button__inner:hover { .el-radio-button__inner:hover {
color: #1890ff; } color: #1890ff; }
.el-radio-button__inner [class*="el-icon-"] { .el-radio-button__inner [class*="el-icon-"] {
...@@ -9893,11 +9893,11 @@ ...@@ -9893,11 +9893,11 @@
.el-radio-button--medium .el-radio-button__inner.is-round { .el-radio-button--medium .el-radio-button__inner.is-round {
padding: 10px 20px; } padding: 10px 20px; }
.el-radio-button--small .el-radio-button__inner { .el-radio-button--small .el-radio-button__inner {
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 0; } border-radius: 0; }
.el-radio-button--small .el-radio-button__inner.is-round { .el-radio-button--small .el-radio-button__inner.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-radio-button--mini .el-radio-button__inner { .el-radio-button--mini .el-radio-button__inner {
padding: 7px 15px; padding: 7px 15px;
font-size: 14px; font-size: 14px;
...@@ -10448,11 +10448,11 @@ ...@@ -10448,11 +10448,11 @@
-moz-user-select: none; -moz-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
-ms-user-select: none; -ms-user-select: none;
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 0; } border-radius: 0; }
.el-checkbox-button__inner.is-round { .el-checkbox-button__inner.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-checkbox-button__inner:hover { .el-checkbox-button__inner:hover {
color: #1890ff; } color: #1890ff; }
.el-checkbox-button__inner [class*="el-icon-"] { .el-checkbox-button__inner [class*="el-icon-"] {
...@@ -10499,11 +10499,11 @@ ...@@ -10499,11 +10499,11 @@
.el-checkbox-button--medium .el-checkbox-button__inner.is-round { .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px; } padding: 10px 20px; }
.el-checkbox-button--small .el-checkbox-button__inner { .el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 0; } border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round { .el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-checkbox-button--mini .el-checkbox-button__inner { .el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px; padding: 7px 15px;
font-size: 14px; font-size: 14px;
...@@ -13706,13 +13706,13 @@ ...@@ -13706,13 +13706,13 @@
-moz-user-select: none; -moz-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
-ms-user-select: none; -ms-user-select: none;
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 4px; } border-radius: 4px; }
.el-button + .el-button { .el-button + .el-button {
margin-left: 10px; } margin-left: 10px; }
.el-button.is-round { .el-button.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-button:hover, .el-button:focus { .el-button:hover, .el-button:focus {
color: #1890ff; color: #1890ff;
border-color: #badeff; border-color: #badeff;
...@@ -13967,11 +13967,11 @@ ...@@ -13967,11 +13967,11 @@
.el-button--medium.is-circle { .el-button--medium.is-circle {
padding: 10px; } padding: 10px; }
.el-button--small { .el-button--small {
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 3px; } border-radius: 3px; }
.el-button--small.is-round { .el-button--small.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-button--small.is-circle { .el-button--small.is-circle {
padding: 9px; } padding: 9px; }
.el-button--mini { .el-button--mini {
...@@ -14732,11 +14732,11 @@ ...@@ -14732,11 +14732,11 @@
-moz-user-select: none; -moz-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
-ms-user-select: none; -ms-user-select: none;
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 0; } border-radius: 0; }
.el-checkbox-button__inner.is-round { .el-checkbox-button__inner.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-checkbox-button__inner:hover { .el-checkbox-button__inner:hover {
color: #1890ff; } color: #1890ff; }
.el-checkbox-button__inner [class*="el-icon-"] { .el-checkbox-button__inner [class*="el-icon-"] {
...@@ -14783,11 +14783,11 @@ ...@@ -14783,11 +14783,11 @@
.el-checkbox-button--medium .el-checkbox-button__inner.is-round { .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px; } padding: 10px 20px; }
.el-checkbox-button--small .el-checkbox-button__inner { .el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 0; } border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round { .el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-checkbox-button--mini .el-checkbox-button__inner { .el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px; padding: 7px 15px;
font-size: 14px; font-size: 14px;
...@@ -16574,11 +16574,11 @@ ...@@ -16574,11 +16574,11 @@
-moz-user-select: none; -moz-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
-ms-user-select: none; -ms-user-select: none;
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 0; } border-radius: 0; }
.el-checkbox-button__inner.is-round { .el-checkbox-button__inner.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-checkbox-button__inner:hover { .el-checkbox-button__inner:hover {
color: #1890ff; } color: #1890ff; }
.el-checkbox-button__inner [class*="el-icon-"] { .el-checkbox-button__inner [class*="el-icon-"] {
...@@ -16625,11 +16625,11 @@ ...@@ -16625,11 +16625,11 @@
.el-checkbox-button--medium .el-checkbox-button__inner.is-round { .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px; } padding: 10px 20px; }
.el-checkbox-button--small .el-checkbox-button__inner { .el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 0; } border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round { .el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-checkbox-button--mini .el-checkbox-button__inner { .el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px; padding: 7px 15px;
font-size: 14px; font-size: 14px;
...@@ -26362,13 +26362,13 @@ ...@@ -26362,13 +26362,13 @@
-moz-user-select: none; -moz-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
-ms-user-select: none; -ms-user-select: none;
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 4px; } border-radius: 4px; }
.el-button + .el-button { .el-button + .el-button {
margin-left: 10px; } margin-left: 10px; }
.el-button.is-round { .el-button.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-button:hover, .el-button:focus { .el-button:hover, .el-button:focus {
color: #1890ff; color: #1890ff;
border-color: #badeff; border-color: #badeff;
...@@ -26623,11 +26623,11 @@ ...@@ -26623,11 +26623,11 @@
.el-button--medium.is-circle { .el-button--medium.is-circle {
padding: 10px; } padding: 10px; }
.el-button--small { .el-button--small {
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 3px; } border-radius: 3px; }
.el-button--small.is-round { .el-button--small.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-button--small.is-circle { .el-button--small.is-circle {
padding: 9px; } padding: 9px; }
.el-button--mini { .el-button--mini {
...@@ -30136,11 +30136,11 @@ ...@@ -30136,11 +30136,11 @@
-moz-user-select: none; -moz-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
-ms-user-select: none; -ms-user-select: none;
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 0; } border-radius: 0; }
.el-checkbox-button__inner.is-round { .el-checkbox-button__inner.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-checkbox-button__inner:hover { .el-checkbox-button__inner:hover {
color: #1890ff; } color: #1890ff; }
.el-checkbox-button__inner [class*="el-icon-"] { .el-checkbox-button__inner [class*="el-icon-"] {
...@@ -30187,11 +30187,11 @@ ...@@ -30187,11 +30187,11 @@
.el-checkbox-button--medium .el-checkbox-button__inner.is-round { .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px; } padding: 10px 20px; }
.el-checkbox-button--small .el-checkbox-button__inner { .el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 0; } border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round { .el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-checkbox-button--mini .el-checkbox-button__inner { .el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px; padding: 7px 15px;
font-size: 14px; font-size: 14px;
...@@ -42240,7 +42240,7 @@ ...@@ -42240,7 +42240,7 @@
.el-button + .el-button { .el-button + .el-button {
margin-left: 8px; } margin-left: 8px; }
.el-button.is-round { .el-button.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-button:hover, .el-button:focus { .el-button:hover, .el-button:focus {
color: #1890ff; color: #1890ff;
border-color: #badeff; border-color: #badeff;
...@@ -42495,16 +42495,16 @@ ...@@ -42495,16 +42495,16 @@
.el-button--medium.is-circle { .el-button--medium.is-circle {
padding: 10px; } padding: 10px; }
.el-button--small { .el-button--small {
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 3px; } border-radius: 3px; }
.el-button--small.is-round { .el-button--small.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-button--small.is-circle { .el-button--small.is-circle {
padding: 9px; } padding: 9px; }
.el-button--mini { .el-button--mini {
padding: 7px 15px; padding: 6px 15px;
font-size: 14px; font-size: 12px;
border-radius: 3px; } border-radius: 3px; }
.el-button--mini.is-round { .el-button--mini.is-round {
padding: 7px 15px; } padding: 7px 15px; }
...@@ -43139,11 +43139,11 @@ ...@@ -43139,11 +43139,11 @@
-moz-user-select: none; -moz-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
-ms-user-select: none; -ms-user-select: none;
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 0; } border-radius: 0; }
.el-checkbox-button__inner.is-round { .el-checkbox-button__inner.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-checkbox-button__inner:hover { .el-checkbox-button__inner:hover {
color: #1890ff; } color: #1890ff; }
.el-checkbox-button__inner [class*="el-icon-"] { .el-checkbox-button__inner [class*="el-icon-"] {
...@@ -43190,11 +43190,11 @@ ...@@ -43190,11 +43190,11 @@
.el-checkbox-button--medium .el-checkbox-button__inner.is-round { .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px; } padding: 10px 20px; }
.el-checkbox-button--small .el-checkbox-button__inner { .el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px; padding: 8px 15px;
font-size: 14px; font-size: 14px;
border-radius: 0; } border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round { .el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px; } padding: 8px 15px; }
.el-checkbox-button--mini .el-checkbox-button__inner { .el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px; padding: 7px 15px;
font-size: 14px; font-size: 14px;
...@@ -44381,14 +44381,68 @@ ...@@ -44381,14 +44381,68 @@
.dm-status--info::before { .dm-status--info::before {
background-color: #D9D9D9; background-color: #D9D9D9;
} }
/* 进行中 */
.dm-status--primay::before {
background-color: #1890FF;
}
/* 告警… */ /* 告警… */
.dm-status--warning::before { .dm-status--warning::before {
background-color: #FAAD14; 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