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