1
0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-02-02 22:52:21 +01:00
fab-manager/app/frontend/src/stylesheets/modules/payzen-update-card-modal.scss
2021-06-04 18:26:20 +02:00

74 lines
1.3 KiB
SCSS

.payzen-update-card-modal {
.card-form {
background-color: #f4f3f3;
border: 1px solid #ddd;
border-radius: 6px 6px 0 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
padding: 15px;
.payzen-errors {
padding: 4px 0;
color: #9e2146;
overflow: auto;
}
.hidden {
display: none;
}
.loader {
text-align: center;
}
.loader-overlay {
position: absolute;
top: 65px;
left: 190px;
z-index: 1;
}
.container {
display: flex;
justify-content: center;
width: inherit;
.kr-payment-button {
display: none;
}
.kr-form-error {
display: none;
}
}
}
.fab-modal-content {
.submit-card {
.submit-card-btn {
width: 100%;
border: 1px solid #ddd;
border-radius: 0 0 6px 6px;
border-top: 0;
padding: 16px;
color: #fff;
background-color: #1d98ec;
margin-bottom: 15px;
&[disabled] {
background-color: lighten(#1d98ec, 20%);
}
}
.payment-pending {
@extend .submit-card-btn;
background-color: lighten(#1d98ec, 20%);
text-align: center;
padding: 4px;
}
}
}
.payzen-modal-icons {
text-align: center;
img {
margin-right: 10px;
}
}
}