CODEWITHSUNDEEP
angularqr-code
V23
V23

Reputation: 23

I am using ngx-qrcode to generate a qr code in my angular application. But it is quite small, and I'm unable to increase the width

This is the html and css for the qrcode.Is there any other way I can add width?

<div  nz-col *ngIf=showQRCode nzSpan="12" class="background">
   <ngx-qrcode
   [qrc-element-type]="'img'"
   [errorCorrectionLevel]="correctionLevel"
   [value]="value"
   qrc-class = "bshadow"></ngx-qrcode>
</div>

.bshadow{
   display: flex;
   align-items: center;
   justify-content: center;
   filter: drop-shadow(5px 5px 5px #222222);
   opacity: .5;
   width:200px;
 
 }

Upvotes: 0

Views: 3914

Answers (2)

V23
V23

Reputation: 23

[width]=500 in the HTML worked.

Upvotes: 1

Ashot Aleqsanyan
Ashot Aleqsanyan

Reputation: 4453

did you tried by cssClass?

like this

<div  nz-col *ngIf=showQRCode nzSpan="12" class="background">
   <ngx-qrcode
   [qrc-element-type]="'img'"
   [errorCorrectionLevel]="correctionLevel"
   [value]="value"
   cssClass="bshadow"></ngx-qrcode>
</div>

Upvotes: 0

Related Questions