Commit ff332732 authored by pborate's avatar pborate

Updated changes in landing dashboard xml

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@208335 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 727cb409
...@@ -116,20 +116,21 @@ ...@@ -116,20 +116,21 @@
.quicklink-dashboard .qd-header { .quicklink-dashboard .qd-header {
display: block; display: block;
box-shadow: 0px 0px 16px -6px rgba(0,0,0,.3);
background: #465775; background: #465775;
color: #fff; color: #fff;
text-align: center; text-align: center;
margin: auto; margin: 0 8px;
padding: 0; padding: 0;
border-radius: 4px; border-radius: 4px;
width: calc(100% - 8px); width: calc(100% - 16px);
} }
.quicklink-dashboard .qd-header-content { .quicklink-dashboard .qd-header-content {
display: block; display: block;
color: #fff; color: #fff;
text-align: center; text-align: center;
margin: 4px; margin: 8px 0;
padding: 16px; padding: 16px;
} }
...@@ -152,12 +153,14 @@ ...@@ -152,12 +153,14 @@
.quicklink { .quicklink {
display: block; display: block;
position: relative; position: relative;
margin: 5px; margin: 8px;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
height: 200px; height: 200px;
padding: 0px !important; padding: 0px !important;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,.1); /* box-shadow: 3px 3px 16px -6px rgba(0,0,0,.1), -3px 3px 16px -10px rgba(0,0,0,.1), 0px -3px 16px -10px rgba(0,0,0,.1);*/
box-shadow: 0px 0px 15px -5px rgba(0,0,0,.1), 0px 0px 0px 1px rgb(144, 157, 165,.1);
} }
.quicklink-dashboard .quicklink-icon img { .quicklink-dashboard .quicklink-icon img {
...@@ -225,7 +228,7 @@ ...@@ -225,7 +228,7 @@
display: block; display: block;
color: #fff; color: #fff;
text-align: center; text-align: center;
margin: 10px; margin: 8px;
padding: 40px 8px; padding: 40px 8px;
} }
...@@ -251,20 +254,23 @@ ...@@ -251,20 +254,23 @@
.quick-row, .quick-row,
.kpi-row { .kpi-row {
margin: auto; margin: 0;
padding: 0; padding: 0;
width: 100%;
height: auto;
} }
.kpi-box { .kpi-box {
height: 114px; height: 114px;
max-height: 114px; max-height: 114px;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,.1); /* box-shadow: 3px 3px 16px -6px rgba(0,0,0,.1), -3px 3px 16px -10px rgba(0,0,0,.1), 0px -3px 16px -10px rgba(0,0,0,.1);*/
position: relative; box-shadow: 0px 0px 15px -5px rgba(0,0,0,.1), 0px 0px 0px 1px rgb(144, 157, 165,.1);
margin: 5px; position: relative;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 8px;
} }
.kpi-header { .kpi-header {
...@@ -351,45 +357,44 @@ ...@@ -351,45 +357,44 @@
.kpi-row .col{ .kpi-row .col{
float: left; float: left;
} }
@media (min-width:320px) { @media (min-width:320px) {
.kpi-card { .kpi-card {
width: calc(100% - 10px) ; width: calc(100% - 16px) ;
} }
.quick-card { .quick-card {
width: calc(100% - 10px) ; width: calc(100% - 16px) ;
} }
} }
@media (min-width:576px) { @media (min-width:576px) {
.kpi-card { .kpi-card {
width: calc(50% - 10px) ; width: calc(50% - 16px) ;
} }
.quick-card { .quick-card {
width: calc(50% - 10px) ; width: calc(50% - 16px) ;
} }
} }
@media (min-width:768px) { @media (min-width:768px) {
.kpi-card { .kpi-card {
width: calc(25% - 10px) ; width: calc(25% - 16px) ;
} }
.quick-card { .quick-card {
width: calc(33.33333% - 10px) ; width: calc(33.33333% - 16px) ;
} }
} }
@media (min-width:992px) { @media (min-width:992px) {
.kpi-card { .kpi-card {
width: calc(25% - 10px) ; width: calc(25% - 16px) ;
} }
.quick-card { .quick-card {
width: calc(33.33333% - 10px) ; width: calc(33.33333% - 16px) ;
} }
} }
@media (min-width:1200px) { @media (min-width:1200px) {
.kpi-card { .kpi-card {
width: calc(25% - 10px); width: calc(25% - 16px);
} }
.quick-card { .quick-card {
width: calc(33.33333% - 10px) ; width: calc(33.33333% - 16px) ;
} }
} }
......
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