summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/alarm/alarm.component.less
diff options
context:
space:
mode:
Diffstat (limited to 'usecaseui-portal/src/app/alarm/alarm.component.less')
-rw-r--r--usecaseui-portal/src/app/alarm/alarm.component.less104
1 files changed, 60 insertions, 44 deletions
diff --git a/usecaseui-portal/src/app/alarm/alarm.component.less b/usecaseui-portal/src/app/alarm/alarm.component.less
index 2d05c703..dc07bdc6 100644
--- a/usecaseui-portal/src/app/alarm/alarm.component.less
+++ b/usecaseui-portal/src/app/alarm/alarm.component.less
@@ -1,3 +1,18 @@
+/*
+ Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
.title {
font: 700 18px/18px "思源黑体";
color: #4c5e70;
@@ -10,7 +25,10 @@ hr {
margin-bottom: 20px;
}
.select {
+ clear: both;
.query_criteria {
+ width: 75%;
+ float: left;
span {
display: inline-block;
font: 700 14px "Arial";
@@ -53,10 +71,14 @@ hr {
}
}
}
-
+ .thumbnail {
+ width: 25%;
+ height: 90px;
+ float: left;
+ margin-top: 8px;
+ }
}
// model style
-
::ng-deep .vertical-center-modal {
display: flex;
align-items: center;
@@ -65,53 +87,47 @@ hr {
::ng-deep .vertical-center-modal .ant-modal {
top: 0;
}
-
-.content {
- clear: both;
- padding-top: 20px;
- .title {
- border-radius: 5px 5px 5px 5px;
- background-color: #fff;
- height: 106px;
- border-bottom: 1px solid #f0f0f0;
- margin-bottom: 20px;
- clear: both;
- ul {
- display: flex;
- display: -webkit-flex;
- justify-content: space-around;
- align-items: center;
- padding: 0;
- margin: 0;
- height: 100%;
- width: 70%;
- float: left;
- li {
- list-style: none;
- padding-left: 32px;
- width: 100%;
- border-left: 1px solid #eceff4;
- h5 {
- font: 500 14px "Arial";
- color: #3d4d65;
- }
- p {
- font: 500 24px "Arial";
- color: #3fa8eb;
- margin-bottom: 0;
- }
+.titles {
+ border-radius: 5px 5px 5px 5px;
+ background-color: #fff;
+ height: 106px;
+ border-bottom: 1px solid #f0f0f0;
+ margin-bottom: 20px;
+ // clear: both;
+ ul {
+ display: flex;
+ display: -webkit-flex;
+ justify-content: space-around;
+ align-items: center;
+ padding: 0;
+ margin: 0;
+ height: 100%;
+ width: 70%;
+ float: left;
+ li {
+ list-style: none;
+ padding-left: 32px;
+ width: 100%;
+ border-left: 1px solid #eceff4;
+ h5 {
+ font: 500 14px "Arial";
+ color: #3d4d65;
}
- li:nth-child(1){
- border: none;
+ p {
+ font: 500 24px "Arial";
+ color: #3fa8eb;
+ margin-bottom: 0;
}
}
- .thumbnail {
- width: 25%;
- height: 90px;
- float: left;
- margin-top: 8px;
+ li:nth-child(1){
+ border: none;
}
}
+
+}
+.content {
+ clear: both;
+ padding-top: 20px;
.tablelist {
background-color: #fff;
padding: 24px 10px 0px;