114 lines
1.3 KiB
SCSS
114 lines
1.3 KiB
SCSS
// left gird
|
|
.stockOverview {
|
|
height: 100%;
|
|
width: 100%;
|
|
margin-top: 10%;
|
|
margin-left: 10%;
|
|
}
|
|
|
|
//right grids
|
|
.depotOverview {
|
|
height: 100%;
|
|
width: 100%;
|
|
margin-top: 10%;
|
|
margin-left: 5%;
|
|
margin-right: 10%;
|
|
text-align: center;
|
|
}
|
|
|
|
.depotOverviewDown {
|
|
height: 100%;
|
|
width: 100%;
|
|
margin-left: 5%;
|
|
margin-right: 10%;
|
|
}
|
|
|
|
.stockTable {
|
|
overflow: auto;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.stockTableLHS {
|
|
overflow: auto;
|
|
height: 83%;
|
|
width: 100%;
|
|
}
|
|
|
|
.heading {
|
|
font-size: xx-large;
|
|
height: 10%;
|
|
width: 100%;
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.fix-right-side {
|
|
height: 20%;
|
|
}
|
|
|
|
.vertical-center {
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.spacer {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.add-icon {
|
|
transform: scale(2);
|
|
outline: none !important;
|
|
}
|
|
|
|
.right-side {
|
|
margin-left: 2.5%;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
}
|
|
|
|
.placeholder {
|
|
height: 100%;
|
|
}
|
|
|
|
.placeholderRHS {
|
|
height: 80%;
|
|
}
|
|
|
|
.mat-ripple-element {
|
|
display: none !important;
|
|
}
|
|
|
|
.money {
|
|
margin-left: 2vw;
|
|
}
|
|
|
|
.green {
|
|
color: green;
|
|
}
|
|
|
|
.red {
|
|
color: red;
|
|
}
|
|
|
|
.row {
|
|
height: 20%;
|
|
}
|
|
|
|
.content {
|
|
height: inherit;
|
|
}
|
|
|
|
.content-container {
|
|
width: 100%;
|
|
display: grid;
|
|
align-items: center;
|
|
}
|