summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-09-25 14:04:30 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-09-25 14:04:38 +0800
commit9470acd38e3b1512b83f931da39273a64b6c6d83 (patch)
treed3963d5f91342a9414b81f15e63213753a194b4d /usecaseui-portal/src
parent3b4b3739a45d46c1dc1d35eace605df6fc45060d (diff)
style: ptimize the upload part style of the onboard page
Change-Id: I7185d478cfef509c7802edd805116191d63ff24d Issue-ID: USECASEUI-307 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src')
-rw-r--r--usecaseui-portal/src/app/views/services/onboard-vnf-vm/onboard-vnf-vm.component.less170
1 files changed, 98 insertions, 72 deletions
diff --git a/usecaseui-portal/src/app/views/services/onboard-vnf-vm/onboard-vnf-vm.component.less b/usecaseui-portal/src/app/views/services/onboard-vnf-vm/onboard-vnf-vm.component.less
index 5ba479de..00bbc632 100644
--- a/usecaseui-portal/src/app/views/services/onboard-vnf-vm/onboard-vnf-vm.component.less
+++ b/usecaseui-portal/src/app/views/services/onboard-vnf-vm/onboard-vnf-vm.component.less
@@ -13,6 +13,9 @@
See the License for the specific language governing permissions and
limitations under the License.
*/
+th{
+ background-color: rgba(241,243,244,.9) !important;
+}
.title {
font: 700 18px/18px "思源黑体";
color: #4c5e70;
@@ -55,76 +58,109 @@ hr {
background: #3fa8eb;
}
}
-
.list {
border-radius: 5px;
- .listupload {
- width: 22%;
- vertical-align: top;
- display: inline-block;
- margin-left: 13%;
- }
- .listlin {
- vertical-align: top;
- display: inline-block;
- width: 1%;
- margin-left: 10%;
- height: 177px;
- margin-bottom: 30px;
- border-right: 2px solid #EEEEEE;
- }
- .listfile {
- width: 43%;
- height: 100%;
- vertical-align: top;
- display: inline-block;
- margin-left: 10%;
- .nouploadfile{
- height: 80%;
- width: 100%;
- text-align: center;
- font-size: 22px;
- margin-top: 5%;
+ .listUploadContainer{
+ display: flex;
+ align-items: flex-start;
+ width: 100%;
+ height: 30%;
+ margin-bottom: 1%;
+ .listupload {
+ position: relative;
+ width: 22%;
+ margin-left: 13%;
+ .upload{
+ position: absolute;
+ left: 50%;
+ bottom: -48px;
+ transform: translateX(-50%);
+ color: #FFFFFF;
+ font-size: 13px;
+ background-color: #3E9BFF;
+ font-family: ArialMT;
+ }
}
- .listfilebgc {
- background-color: #fff;
- border-bottom: 8px solid #F7F8FC;
+ .listlin {
+ width: 1%;
+ margin-left: 10%;
+ height: 177px;
+ margin-bottom: 30px;
+ border-right: 2px solid #EEEEEE;
}
- .listfilebgc {
- background-color: #fff;
- height: 30px;
- border-radius: 2px;
- line-height: 2;
- color: #42548F;
- border-bottom: 4px solid #F7F8FC;
- >div {
- float: left;
+ .listfile {
+ width: 43%;
+ height: 100%;
+ margin-left: 10%;
+ .listFileTitle{
+ height: 15%;
+ padding-bottom: 15px;
+ color: rgba(66,84,143,1);
+ font-family: ArialMT;
}
- :first-child {
- width: 6%;
- margin-left: 5px;
- }
- :nth-child(2){
- width:20%;
- }
- :nth-child(3){
- width: 60%;
- text-align: center;
- }
- :nth-child(4){
- padding-left: 4%;
- }
- .color {
- color:rgba(66,84,143,1);
- span{
- color:rgba(66,84,143,0.7);
- }
- }
- .progress{
- color:rgba(66,84,143,0.7);
+ .nouploadfile{
+ height: 80%;
+ width: 100%;
+ text-align: center;
+ font-size: 22px;
+ margin: 5% 0 10px;
}
+ .listfilebgc {
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ width:100%;
+ height: 80%;
+ padding: 5px;
+ background-color: #fff;
+ border-radius: 2px;
+ color: #42548F;
+ .icon{
+ width: 15px;
+ }
+ :nth-child(3){
+ width: 50%;
+ }
+ :nth-child(4){
+ width: 5%;
+ }
+ .color {
+ color:rgba(66,84,143,1);
+ span{
+ color:rgba(66,84,143,0.7);
+ }
+ .progress{
+ color:rgba(66,84,143,0.7);
+ }
+ }
+ .success{
+ color:#7BC7F3!important;
+ }
+ .fail{
+ color:#fb5c5c!important;
+ }
+
+ }
+
+ }
+
+ }
+ .listContainer{
+ height: 69%;
+ .mask {
+ top: 0;
+ left: 0;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ opacity: 0.1;
+ background: black;
+ z-index: 1049;
}
}
+
+
+
nz-table {
tbody {
td {
@@ -168,13 +204,3 @@ hr {
}
}
}
-.mask {
- top: 0;
- left: 0;
- position: fixed;
- width: 100%;
- height: 100%;
- opacity: 0.1;
- background: black;
- z-index: 1049;
-} \ No newline at end of file