Skip to content

A
amos-convertor-view
Commit 0854efb3 authored by 吴俊凯's avatar 吴俊凯
Browse files
Options

修改隐患排查页面样式

parent 1dd2f515
Hide whitespace changes
Inline Side-by-side
Showing with 60 additions and 67 deletions
src/styles/view/biz/point/point.scss
View file @ 0854efb3
......@@ -15,8 +15,8 @@
width: 18%;
height: 100%;
margin-right: 1%;
background-color: $content-color;//rgba(51, 51, 51, 1);
border: 1px solid $core-border-color;//rgba(34, 34, 34, 1);
background-color: $content-color; //rgba(51, 51, 51, 1);
border: 1px solid $core-border-color; //rgba(34, 34, 34, 1);
.point-statistics-title {
padding-left: 20px;
......@@ -24,7 +24,7 @@
line-height: 40px;
color: $biz-table-font-color;
text-align: left;
background-color: $biz-title-color;//rgba(40, 40, 40, 1);
background-color: $biz-title-color; //rgba(40, 40, 40, 1);
}
.amos-echarts-container {
......@@ -46,7 +46,6 @@
}
.point-statistics-label {
position: absolute;
text-align: center;
font-size: 20px;
......@@ -60,8 +59,8 @@
width: 38%;
height: 100%;
margin-right: 1%;
background-color: $content-color;//rgba(51, 51, 51, 1);
border: 1px solid $core-border-color;//rgba(34, 34, 34, 1);
background-color: $content-color; //rgba(51, 51, 51, 1);
border: 1px solid $core-border-color; //rgba(34, 34, 34, 1);
.point-month-ins-title {
padding-left: 20px;
......@@ -69,7 +68,7 @@
line-height: 40px;
color: $biz-table-font-color;
text-align: left;
background-color: $biz-title-color;//rgba(40, 40, 40, 1);
background-color: $biz-title-color; //rgba(40, 40, 40, 1);
}
}
......@@ -78,8 +77,8 @@
width: 38%;
height: 100%;
margin-right: 1%;
background-color: $content-color;//rgba(51, 51, 51, 1);
border: 1px solid $biz-title-color;//rgba(34, 34, 34, 1);
background-color: $content-color; //rgba(51, 51, 51, 1);
border: 1px solid $biz-title-color; //rgba(34, 34, 34, 1);
.danger-month-ins-title {
padding-left: 20px;
......@@ -87,7 +86,7 @@
line-height: 40px;
color: $biz-table-font-color;
text-align: left;
background-color: $biz-title-color;//rgba(40, 40, 40, 1);
background-color: $biz-title-color; //rgba(40, 40, 40, 1);
}
}
......@@ -96,8 +95,8 @@
width: 42%;
height: 100%;
margin: 0;
background-color: $content-color;//rgba(51, 51, 51, 1);
border: 1px solid $core-border-color;//rgba(34, 34, 34, 1);
background-color: $content-color; //rgba(51, 51, 51, 1);
border: 1px solid $core-border-color; //rgba(34, 34, 34, 1);
.danger-year-ins-title {
padding-left: 20px;
......@@ -105,7 +104,7 @@
line-height: 40px;
color: $biz-table-font-color;
text-align: left;
background-color: $biz-title-color;//rgba(40, 40, 40, 1);
background-color: $biz-title-color; //rgba(40, 40, 40, 1);
}
}
......@@ -113,8 +112,8 @@
float: right;
width: 42%;
height: 100%;
background-color: $content-color;//rgba(51, 51, 51, 1);
border: 1px solid $core-border-color;//rgba(34, 34, 34, 1);
background-color: $content-color; //rgba(51, 51, 51, 1);
border: 1px solid $core-border-color; //rgba(34, 34, 34, 1);
.point-execution-situation-title {
padding-left: 20px;
......@@ -122,7 +121,7 @@
line-height: 40px;
color: $biz-table-font-color;
text-align: left;
background-color: $biz-title-color;//rgba(40, 40, 40, 1);
background-color: $biz-title-color; //rgba(40, 40, 40, 1);
}
.point-list-content {
......@@ -163,12 +162,11 @@
}
}
.ant-table-thead {
tr {
th {
color: $biz-table-font-color;
background: $biz-table-title-color;//rgba(40, 40, 40, 1);
background: $biz-table-title-color; //rgba(40, 40, 40, 1);
border-color: $core-border-color;
}
}
......@@ -178,7 +176,7 @@
tr {
td {
color: $biz-table-font-color;
background: $content-color;//rgba(40, 40, 40, 1);
background: $content-color; //rgba(40, 40, 40, 1);
border-color: $core-border-color;
}
}
......@@ -186,7 +184,7 @@
.ant-table-placeholder {
color: $biz-table-font-color;
background: $content-color;//rgba(40, 40, 40, 1);
background: $content-color; //rgba(40, 40, 40, 1);
}
.highlight-row {
......@@ -198,7 +196,7 @@
min-width: 25px;
margin: 5px;
line-height: 25px;
background: $core-border-color;//#333;
background: $core-border-color; //#333;
border-radius: 6px;
a {
......@@ -215,7 +213,7 @@
min-width: 25px;
margin: 5px;
line-height: 25px;
background: $core-border-color;//#333;
background: $core-border-color; //#333;
border-radius: 6px;
::after {
......@@ -230,7 +228,7 @@
min-width: 25px;
margin: 5px;
line-height: 25px;
background: $core-color;//#151515;
background: $core-color; //#151515;
border-radius: 6px;
a {
......@@ -243,7 +241,7 @@
min-width: 25px;
margin: 5px;
line-height: 25px;
background: $core-border-color;//#333;
background: $core-border-color; //#333;
border-radius: 6px;
::after {
......@@ -283,7 +281,7 @@
height: 40px;
// margin-top: 10px;
margin-bottom: 10px;
background-color: $biz-title-color;//rgba(40, 40, 40, 1);
background-color: $biz-title-color; //rgba(40, 40, 40, 1);
.table-title {
float: left;
......@@ -339,8 +337,8 @@
.ant-select-selection {
height: 30px;
background-color: $content-color;//rgba(51, 51, 51, 1);
border-color: $core-border-color;//rgba(34, 34, 34, 1);
background-color: $content-color; //rgba(51, 51, 51, 1);
border-color: $core-border-color; //rgba(34, 34, 34, 1);
border-radius: 4px;
.ant-select-arrow {
......@@ -363,7 +361,7 @@
.ant-calendar-picker-input {
&.ant-input {
height: 30px;
background-color: $content-color;//rgba(40, 40, 40, 1);;
background-color: $content-color; //rgba(40, 40, 40, 1);;
border-color: $core-border-color;
.ant-calendar-range-picker-input {
......@@ -391,7 +389,7 @@
border-radius: 4px;
-webkit-appearance: none;
color: black;
background-color: $content-color;//rgba(51, 51, 51, 1);
background-color: $content-color; //rgba(51, 51, 51, 1);
}
img {
......@@ -411,6 +409,7 @@
}
.create-device-host-bottom {
display: inline-block;
width: 100%;
// height: calc(100% - 50px);
height: 86%;
......@@ -424,7 +423,7 @@
width: 300px;
// height: 100%;
margin-right: 10px;
background-color: $content-color;//rgba(51, 51, 51, 1);
background-color: $content-color; //rgba(51, 51, 51, 1);
border: 1px solid $core-border-color;
.ant-fullcalendar-content {
......@@ -447,7 +446,7 @@
.ant-select-selection {
color: $biz-table-font-color;
background-color: $biz-title-color;//rgba(40, 40, 40, 1);;
background-color: $biz-title-color; //rgba(40, 40, 40, 1);;
border-color: $core-border-color;
.ant-select-arrow {
......@@ -486,7 +485,7 @@
.ant-fullcalendar-cell {
color: $biz-table-font-color;
background: $biz-title-color;
border: 1px solid $core-border-color;//rgb(119, 118, 118);
border: 1px solid $core-border-color; //rgb(119, 118, 118);
&:hover {
background: $core-color;
......@@ -513,7 +512,7 @@
}
&.ant-fullcalendar-last-month-cell {
background-color: $content-color;//rgba(40, 40, 40, 1);;
background-color: $content-color; //rgba(40, 40, 40, 1);;
.ant-fullcalendar-value {
color: $biz-table-font-color;
......@@ -521,7 +520,7 @@
}
&.ant-fullcalendar-next-month-btn-day {
background-color: $content-color;//rgba(40, 40, 40, 1);;
background-color: $content-color; //rgba(40, 40, 40, 1);;
.ant-fullcalendar-value {
color: $biz-table-font-color;
......@@ -588,7 +587,7 @@
.ant-table-body {
height: 80%;
background-color: $content-color;//rgba(40, 40, 40, 1);;
background-color: $content-color; //rgba(40, 40, 40, 1);;
}
}
}
......@@ -607,7 +606,7 @@
min-width: 25px;
margin: 5px;
line-height: 25px;
background: $core-border-color;//#333;
background: $core-border-color; //#333;
border-radius: 6px;
a {
......@@ -623,7 +622,7 @@
height: 25px;
min-width: 25px;
margin: 5px;
background-color: $core-border-color;//rgba(40, 40, 40, 1);;
background-color: $core-border-color; //rgba(40, 40, 40, 1);;
::after {
height: 25px;
......@@ -637,7 +636,7 @@
min-width: 25px;
margin: 5px;
line-height: 25px;
background: $core-color;//#151515;
background: $core-color; //#151515;
border-radius: 6px;
a {
......@@ -650,7 +649,7 @@
min-width: 25px;
margin: 5px;
line-height: 25px;
background-color: $core-border-color;//rgba(40, 40, 40, 1);;
background-color: $core-border-color; //rgba(40, 40, 40, 1);;
::after {
height: 25px;
......@@ -665,7 +664,7 @@
.ant-select-selection {
height: 25px;
color: $biz-table-font-color;
background-color: $core-border-color;//rgba(40, 40, 40, 1);;
background-color: $core-border-color; //rgba(40, 40, 40, 1);;
border-color: $core-border-color;
.ant-select-arrow {
......@@ -696,7 +695,7 @@
tr {
th {
color: $biz-table-font-color;
background-color: $biz-table-title-color;//rgba(40, 40, 40, 1);
background-color: $biz-table-title-color; //rgba(40, 40, 40, 1);
border-color: $core-border-color;
}
}
......@@ -713,7 +712,7 @@
tr {
td {
color: $biz-table-font-color;
background-color: $content-color;//rgba(40, 40, 40, 1);
background-color: $content-color; //rgba(40, 40, 40, 1);
border-color: $core-border-color;
}
}
......@@ -721,7 +720,7 @@
.ant-table-placeholder {
color: $biz-table-font-color;
background-color: $content-color;//rgba(40, 40, 40, 1);
background-color: $content-color; //rgba(40, 40, 40, 1);
}
.highlight-row {
......@@ -730,52 +729,46 @@
}
}
}
background-color: $content-color;//rgba(34, 34, 34, 1);
background-color: $content-color; //rgba(34, 34, 34, 1);
.catalog-select-multiple {
float: left;
margin: 5px 10px 0;
.amos-multi-select{
width: 360px !important;
}
float: left;
margin: 5px 10px 0;
.amos-multi-select {
width: 360px !important;
}
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.point-view{
.create-device-root{
.create-device-host-top{
.table-search{
.catalog-select{
.point-view {
.create-device-root {
.create-device-host-top {
.table-search {
.catalog-select {
margin: 2px 4px 0;
.select-scroll-wrapper{
.ant-select{
.select-scroll-wrapper {
.ant-select {
width: 100px !important;
}
}
}
.catalog-select-multiple{
.amos-multi-select{
.catalog-select-multiple {
.amos-multi-select {
width: 150px !important;
}
}
}
}
.create-device-host-bottom{
.create-device-host-bottom {
height: 100%;
}
}
.point-month-ins{
.point-month-ins {
.amos-echarts-container {
height: 90% !important
height: 90% !important;
}
}
}
}
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