gofnnp/h-usersite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dev #14305 Изменение дизайна WPA Кофе-лайка: change qr code color

Browse Source
This commit is contained in:
nikolay 2023-05-15 14:32:32 +04:00
parent 6feeec80f2
commit 044144735d
2 changed files with 24 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.html
View File

@ -18,7 +18,9 @@
[value]="customerInfo?.phone.substr(2) || 'Данные не найдены'" [value]="customerInfo?.phone.substr(2) || 'Данные не найдены'"
[margin]="0" [margin]="0"
[size]="qrCodeSize" [size]="qrCodeSize"
errorCorrectionLevel="M" darkColor="#231F20"
lightColor="#008251"
errorCorrectionLevel="H"
></qr-code> ></qr-code>
</ng-container> </ng-container>
<ng-container *ngIf="!customerInfo"> <ng-container *ngIf="!customerInfo">

41
angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.scss
View File

@ -29,7 +29,7 @@
} }
& p { & p {
color: #28af49; color: #008251;
} }
p.top-info__bonus { p.top-info__bonus {
@ -39,26 +39,27 @@
&__qr { &__qr {
margin: 10px; margin: 10px;
padding: 10px; padding: 5px;
width: fit-content; width: fit-content;
background-image: linear-gradient( background-color: #008251;
#fff 33%, // background-image: linear-gradient(
transparent 0px, // #008251 33%,
transparent 67%, // transparent 0px,
#fff 0px // transparent 67%,
), // #008251 0px
linear-gradient( // ),
90deg, // linear-gradient(
#ffe 33%, // 90deg,
transparent 0px, // #008251 33%,
transparent 66%, // transparent 0px,
#fff 0px // transparent 66%,
), // #008251 0px
linear-gradient(#fff 33%, transparent 0px, transparent 67%, #fff 0), // ),
linear-gradient(90deg, #fff 33%, transparent 0, transparent 66%, #fff 0); // linear-gradient(#008251 33%, transparent 0px, transparent 67%, #008251 0),
background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px; // linear-gradient(90deg, #008251 33%, transparent 0, transparent 66%, #008251 0);
background-position: 0 0, 0 0, 100% 100%, 100% 100%; // background-size: 3px 100%, 100% 3px, 3px 100%, 100% 3px;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; // background-position: 0 0, 0 0, 100% 100%, 100% 100%;
// background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
cursor: pointer; cursor: pointer;
} }