feat: adjust price detail modal to handle multi room and removed dependency of enter details store * feat: adjust price detail modal to handle multi room and removed dependency of enter details store * fix: remove div from table * fix: added room translation Approved-by: Pontus Dreij
37 lines
618 B
CSS
37 lines
618 B
CSS
.priceDetailsTable {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
.price {
|
|
text-align: end;
|
|
}
|
|
|
|
.tableSection {
|
|
display: flex;
|
|
gap: var(--Spacing-x-half);
|
|
flex-direction: column;
|
|
width: 100%;
|
|
}
|
|
|
|
.tableSection:has(tr > th) {
|
|
padding-top: var(--Spacing-x2);
|
|
}
|
|
|
|
.tableSection:has(tr > th):not(:first-of-type) {
|
|
border-top: 1px solid var(--Primary-Light-On-Surface-Divider-subtle);
|
|
}
|
|
|
|
.tableSection:not(:last-child) {
|
|
padding-bottom: var(--Spacing-x2);
|
|
}
|
|
.row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
.priceDetailsTable {
|
|
min-width: 512px;
|
|
}
|
|
}
|