!3633 doc(#I66M2H): move css from site.css to component isolation css

* chore: 移动 badges 样式到组件
* chore: 删除不使用的 validatation 样式
* chore: 移动 toggler 样式
This commit is contained in:
Argo 2022-12-18 15:59:42 +00:00
parent e4483a7b43
commit b23c328a9d
3 changed files with 25 additions and 34 deletions

View File

@ -0,0 +1,21 @@
.badge-widget {
display: inline-block;
border: solid 1px #ddd;
border-radius: var(--bs-border-radius);
padding: 6px 12px;
position: relative;
transition: all .25s linear;
cursor: pointer;
}
.badge-widget:hover {
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(40, 167, 69, 0.5);
border-color: #28a745 !important;
}
.badge-widget ::deep .badge {
position: absolute;
top: -6px;
right: -6px;
opacity: 0.8;
}

View File

@ -17,6 +17,10 @@
background-color: #8548ff;
}
.navbar-toggler {
background-color: var(--bs-indigo);
}
@media (min-width: 768px) {
.sidebar-content {
height: calc(100vh - var(--bs-header-height));

View File

@ -32,36 +32,6 @@
margin-top: 2rem;
}
.navbar-toggler {
background-color: rgba(255, 255, 255, 0.1);
}
.validation-message {
color: red;
}
.badge-widget {
display: inline-block;
border: solid 1px #ddd;
border-radius: var(--bs-border-radius);
padding: 6px 12px;
position: relative;
transition: all .25s linear;
cursor: pointer;
}
.badge-widget:hover {
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(40, 167, 69, 0.5);
border-color: #28a745 !important;
}
.badge-widget .badge {
position: absolute;
top: -6px;
right: -6px;
opacity: 0.8;
}
.card-log {
overflow: hidden auto;
border: solid 1px #ddd;
@ -1300,10 +1270,6 @@
z-index: 1040;
}
.navbar-toggler {
display: none;
}
.chart {
max-width: 740px;
}