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) || 'Данные не найдены'"
[margin]="0"
[size]="qrCodeSize"
errorCorrectionLevel="M"
darkColor="#231F20"
lightColor="#008251"
errorCorrectionLevel="H"
></qr-code>
</ng-container>
<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 {
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;
}