da43a5e371
* refactor: list view for portal pages * refactor: add align center class * refactor: change footer btn class(primary) * refactor: add order style page * refactor: import order page in website * refactor: remove table elements * fix: preview image height * fix: make string translatable * refactor: change font variables * refactor: order preview bg white * refactor: center align items * fix: breadcrumb padding * refactor: make preview image rounded * refactor: add condition for image container * refactor: change alignment for mobile view * fix: make footer button secondary * refactor: clean code * refactor: code indentantion * refactor: remove space * fix: Payment section cleanup Co-authored-by: Summayya <frappe@Summayyas-MacBook-Air.local> Co-authored-by: Marica <maricadsouza221197@gmail.com> Co-authored-by: Deepesh Garg <deepeshgarg6@gmail.com>
91 lines
1.3 KiB
SCSS
91 lines
1.3 KiB
SCSS
@import './order-page';
|
|
|
|
.filter-options {
|
|
max-height: 300px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.address-card {
|
|
cursor: pointer;
|
|
position: relative;
|
|
|
|
.check {
|
|
display: none;
|
|
}
|
|
|
|
&.active {
|
|
border-color: var(--primary);
|
|
|
|
.check {
|
|
display: inline-flex;
|
|
}
|
|
}
|
|
}
|
|
|
|
.check {
|
|
display: inline-flex;
|
|
padding: 0.25rem;
|
|
background: var(--primary);
|
|
color: white;
|
|
border-radius: 50%;
|
|
font-size: 12px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.website-list {
|
|
background-color: var(--fg-color);
|
|
padding: 0 var(--padding-lg);
|
|
border-radius: var(--border-radius-md);
|
|
|
|
@media screen and (max-width: 567px) {
|
|
margin-left: -2rem;
|
|
}
|
|
|
|
&.result {
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
}
|
|
|
|
.transaction-list-item {
|
|
padding: 1rem 0;
|
|
border-bottom: 1px solid var(--border-color);
|
|
position: relative;
|
|
|
|
&:only-child, &:last-child {
|
|
border: 0;
|
|
}
|
|
|
|
a.transaction-item-link {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
text-decoration: none;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
text-indent: -9999px;
|
|
z-index: 0;
|
|
}
|
|
}
|
|
|
|
.place-order-container {
|
|
text-align: right;
|
|
}
|
|
|
|
.kb-card {
|
|
.card-body > .card-title {
|
|
line-height: 1.3;
|
|
}
|
|
}
|
|
|
|
.list-item-name, .item-total {
|
|
font-size: var(--font-size-sm);
|
|
}
|
|
|
|
.items-preview {
|
|
@media screen and (max-width: 567px) {
|
|
margin-top: 1rem;
|
|
}
|
|
} |