Browse page, UI redesign, Websockets, Navigation, and more!
This commit is contained in:
43
src/assets/stylesheets/summary.scss
Normal file
43
src/assets/stylesheets/summary.scss
Normal file
@ -0,0 +1,43 @@
|
||||
$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%) 26%,
|
||||
rgb(255 255 255) 39%,
|
||||
rgb(255 255 255 / 100%) 100%
|
||||
);
|
||||
background-color: transparent;
|
||||
width: calc(100% - 300px);
|
||||
height: auto;
|
||||
overflow-y: visible;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.summary-image {
|
||||
width: auto;
|
||||
height: 250px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.summary-fieldContainer {
|
||||
width: 100%;
|
||||
min-height: calc(100% - 250px);
|
||||
height: auto;
|
||||
background-color: transparent;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
Reference in New Issue
Block a user