diff --git a/angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.html b/angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.html index 1644ac3..1c6789a 100644 --- a/angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.html +++ b/angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.html @@ -18,7 +18,9 @@ [value]="customerInfo?.phone.substr(2) || 'Данные не найдены'" [margin]="0" [size]="qrCodeSize" - errorCorrectionLevel="M" + darkColor="#231F20" + lightColor="#008251" + errorCorrectionLevel="H" > diff --git a/angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.scss b/angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.scss index 8d19b9a..b3b1428 100644 --- a/angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.scss +++ b/angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.scss @@ -29,7 +29,7 @@ } & p { - color: #28af49; + color: #008251; } p.top-info__bonus { @@ -39,26 +39,27 @@ &__qr { margin: 10px; - padding: 10px; + padding: 5px; width: fit-content; - background-image: linear-gradient( - #fff 33%, - transparent 0px, - transparent 67%, - #fff 0px - ), - linear-gradient( - 90deg, - #ffe 33%, - transparent 0px, - transparent 66%, - #fff 0px - ), - linear-gradient(#fff 33%, transparent 0px, transparent 67%, #fff 0), - linear-gradient(90deg, #fff 33%, transparent 0, transparent 66%, #fff 0); - background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px; - background-position: 0 0, 0 0, 100% 100%, 100% 100%; - background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; + background-color: #008251; + // background-image: linear-gradient( + // #008251 33%, + // transparent 0px, + // transparent 67%, + // #008251 0px + // ), + // linear-gradient( + // 90deg, + // #008251 33%, + // transparent 0px, + // transparent 66%, + // #008251 0px + // ), + // linear-gradient(#008251 33%, transparent 0px, transparent 67%, #008251 0), + // linear-gradient(90deg, #008251 33%, transparent 0, transparent 66%, #008251 0); + // background-size: 3px 100%, 100% 3px, 3px 100%, 100% 3px; + // background-position: 0 0, 0 0, 100% 100%, 100% 100%; + // background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; cursor: pointer; }