71 lines
1.2 KiB
SCSS
71 lines
1.2 KiB
SCSS
$dark-blue: #002554;
|
|
$medium-blue: #004990;
|
|
$light-blue: #007cbe;
|
|
$hover-blue: #25b3ff;
|
|
$black: #000;
|
|
$gray: #bdbdbd;
|
|
$white: #fff;
|
|
|
|
.summary {
|
|
background: linear-gradient(
|
|
180deg,
|
|
rgb(0 37 84 / 100%) 0%,
|
|
rgb(0 124 190 / 100%) 50%,
|
|
rgb(255, 255, 255) 100%
|
|
);
|
|
background-color: transparent;
|
|
overflow-y: visible;
|
|
width: calc(100% - 300px);
|
|
height: auto;
|
|
display: block;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.summary-image {
|
|
width: 100%;
|
|
height: 200px;
|
|
background: transparent;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.summary-image img {
|
|
width: auto;
|
|
height: 200px;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.summary-fieldContainer {
|
|
width: 100%;
|
|
min-height: calc(100% - 200px);
|
|
height: auto;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
background-color: transparent;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.summary-fieldContainer-pp {
|
|
width: 25%;
|
|
height: 300px;
|
|
border-radius: 20px;
|
|
text-align: center;
|
|
padding: 10px;
|
|
}
|
|
|
|
.summary-fieldContainer-graph {
|
|
width: 25%;
|
|
}
|
|
|
|
.summary-fieldContainer-dashboard {
|
|
width: 100%;
|
|
height: 300px;
|
|
border-radius: 20px;
|
|
text-align: center;
|
|
padding: 10px;
|
|
} |