Update app.component.html

id1945 · Nov 5, 2023 · 1f6a433 · 1f6a433
1 parent e01717f
commit 1f6a433
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -4,14 +4,14 @@ <h1> ngx-scanner-qrcode </h1>
   <!-- devices -->
   <div class="row">
     <div class="col-xs-12 col-md-6 col-lg-4 col-xl-3 my-1">
-      <select #select1 (change)="action.playDevice(select1.value)" class="form-select form-select-sm">
+      <select #select1 (change)="action.playDevice(select1.value)" class="form-select form-select-md">
         <option [value]="null" selected>Select device</option>
         <option *ngFor="let c of action.devices.value; let i = index" [value]="c.deviceId" [selected]="i == action.deviceIndexActive">{{c.label}}</option>
       </select>
     </div>
 
     <div class="col-xs-12 col-md-6 col-lg-4 col-xl-3 my-1">
-      <select #select2 (change)="action.decode = select2.value" class="form-select form-select-sm">
+      <select #select2 (change)="action.decode = select2.value" class="form-select form-select-md">
         <option value="utf-8" [selected]="action.decode == 'utf-8'">UTF-8</option>
         <option value="iso-8859-15" [selected]="action.decode == 'iso-8859-15'">ISO-8859-15</option>
         <option value="windows-1252" [selected]="action.decode == 'windows-1252'">Windows-1252</option>
@@ -63,12 +63,12 @@ <h1> ngx-scanner-qrcode </h1>
 
   <div class="d-flex justify-content-center my-2">
     <div class="col-xs-12 col-md-6 col-lg-4 col-xl-3 m-1">
-      <select #select3 (change)="percentage = select3.value" class="form-select form-select-sm">
+      <select #select3 (change)="percentage = +select3.value" class="form-select form-select-md">
         <option *ngFor="let item of [10,20,30,40,50,60,70,80,90,100]" [value]="item" [selected]="item == percentage">Scale {{item}}%</option>
       </select>
     </div>
     <div class="col-xs-12 col-md-6 col-lg-4 col-xl-3 m-1">
-      <select #select4 (change)="quality = select4.value" class="form-select form-select-sm">
+      <select #select4 (change)="quality = +select4.value" class="form-select form-select-md">
         <option *ngFor="let item of [10,20,30,40,50,60,70,80,90,100]" [value]="item" [selected]="item == quality">Quality {{item}}%</option>
       </select>
     </div>