Update barcode view styling and size for better barcode scanability in dark mode

staskus · staskus · commit 80faa66886ea · 2025-07-22T12:00:09.000+03:00
Added medium padding and rounded corners to the barcode image for improved UI. Increased the maximum barcode size from 142 to 168 for better visibility.
diff --git a/WooCommerce/Classes/POS/Presentation/Barcode Scanner Setup/PointOfSaleBarcodeScannerSetupStepViews.swift b/WooCommerce/Classes/POS/Presentation/Barcode Scanner Setup/PointOfSaleBarcodeScannerSetupStepViews.swift
@@ -41,14 +41,16 @@ struct PointOfSaleBarcodeScannerBarcodeView: View {
                 .resizable()
                 .aspectRatio(contentMode: .fit)
                 .frame(maxHeight: Constants.maxBarcodeSize)
+                .padding(POSPadding.medium)
                 .background(Color.white)
+                .clipShape(RoundedRectangle(cornerRadius: POSCornerRadiusStyle.medium.value))
         }
     }
 }
 
 extension PointOfSaleBarcodeScannerBarcodeView {
     enum Constants {
-        static let maxBarcodeSize: CGFloat = 142
+        static let maxBarcodeSize: CGFloat = 168
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -41,14 +41,16 @@ struct PointOfSaleBarcodeScannerBarcodeView: View {`
`41`	`41`	`.resizable()`
`42`	`42`	`.aspectRatio(contentMode: .fit)`
`43`	`43`	`.frame(maxHeight: Constants.maxBarcodeSize)`
	`44`	`+ .padding(POSPadding.medium)`
`44`	`45`	`.background(Color.white)`
	`46`	`+ .clipShape(RoundedRectangle(cornerRadius: POSCornerRadiusStyle.medium.value))`
`45`	`47`	`}`
`46`	`48`	`}`
`47`	`49`	`}`
`48`	`50`
`49`	`51`	`extension PointOfSaleBarcodeScannerBarcodeView {`
`50`	`52`	`enum Constants {`
`51`		`- static let maxBarcodeSize: CGFloat = 142`
	`53`	`+ static let maxBarcodeSize: CGFloat = 168`
`52`	`54`	`}`
`53`	`55`	`}`
`54`	`56`