128 lines
2.3 KiB
SCSS
128 lines
2.3 KiB
SCSS
|
// .Denomination-container {
|
||
|
|
// // background-color: rgb(226, 255, 255);
|
||
|
|
// }
|
||
|
|
.Denomination-container {
|
||
|
|
padding: 2rem 10px;
|
||
|
|
// width: 17rem;
|
||
|
|
}
|
||
|
|
.Denomination-li {
|
||
|
|
display: flex;
|
||
|
|
column-gap: 2rem;
|
||
|
|
// width: 25vw;
|
||
|
|
}
|
||
|
|
.Denomination-ul {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
flex-direction: column;
|
||
|
|
row-gap: 0.7rem;
|
||
|
|
}
|
||
|
|
.Denomination-increceDecreace {
|
||
|
|
display: flex;
|
||
|
|
column-gap: 0.5rem;
|
||
|
|
}
|
||
|
|
.Denomination-Decreace-buttons {
|
||
|
|
border: none;
|
||
|
|
border-radius: 5px;
|
||
|
|
padding: 0 6px;
|
||
|
|
background-color: transparent;
|
||
|
|
text-align: center;
|
||
|
|
color: rgb(0, 0, 0);
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: 700;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.Denomination-increce-buttons {
|
||
|
|
border: none;
|
||
|
|
border-radius: 5px;
|
||
|
|
padding: 0 6px;
|
||
|
|
background-color: transparent;
|
||
|
|
text-align: center;
|
||
|
|
cursor: pointer;
|
||
|
|
color: #ff4d4f;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.Denomination-amount-count {
|
||
|
|
width: 2rem;
|
||
|
|
height: 1.5rem;
|
||
|
|
text-align: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.Denomination-total-amount {
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 600;
|
||
|
|
width: 4rem;
|
||
|
|
text-align: center;
|
||
|
|
background-color: transparent;
|
||
|
|
border: 0px solid;
|
||
|
|
height: 20px;
|
||
|
|
color: black;
|
||
|
|
}
|
||
|
|
.Denomination-Xcount {
|
||
|
|
width: 2.5rem;
|
||
|
|
text-align: center;
|
||
|
|
border: 0px solid;
|
||
|
|
height: 20px;
|
||
|
|
color: black;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
.Denomination-overall-ammount {
|
||
|
|
width: max-content;
|
||
|
|
margin-top: 1rem;
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
.overalTotal {
|
||
|
|
width: 6.8rem;
|
||
|
|
border: 0px solid;
|
||
|
|
color: rgb(0, 0, 0);
|
||
|
|
background-color: transparent;
|
||
|
|
font-size: 24px;
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width: 380px) {
|
||
|
|
.Denomination-overall-ammount {
|
||
|
|
font-size: 20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//////////////
|
||
|
|
|
||
|
|
.wholesale-denomianation {
|
||
|
|
.Denomination-li {
|
||
|
|
display: flex;
|
||
|
|
column-gap: 2rem;
|
||
|
|
width: 100%;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
background-color: #439fcd47;
|
||
|
|
padding: 5px 8px;
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
.Denomination-total {
|
||
|
|
width: 100%;
|
||
|
|
text-align: end;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 700;
|
||
|
|
padding: 0.5rem 0;
|
||
|
|
}
|
||
|
|
.Denomination-ul {
|
||
|
|
row-gap: 6px !important;
|
||
|
|
}
|
||
|
|
.Denomination-amount-count {
|
||
|
|
width: 3rem;
|
||
|
|
height: 1.5rem;
|
||
|
|
text-align: center;
|
||
|
|
align-items: center;
|
||
|
|
border: none;
|
||
|
|
background-color: #fff;
|
||
|
|
font-size: 15px;
|
||
|
|
font-weight: 550;
|
||
|
|
}
|
||
|
|
.Denomination-container {
|
||
|
|
padding: 10px 10px;
|
||
|
|
}
|
||
|
|
}
|