canvas size optimizations

philipp-1337 · Sep 28, 2024 · b913604 · b913604
1 parent 2d76835
commit b913604
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -39,7 +39,7 @@ import { IconsClass } from './icons.class';
 export class AppComponent implements AfterViewInit {
 
   qrData = 'https://example.com';  // Default QR Code data
-  qrSize = 256;  // Default size
+  qrSize = 512;  // Default size
   // Define errorCorrectionLevel with the specific type
   errorCorrectionLevel: QRCodeErrorCorrectionLevel = 'M';  // Default error correction level
   colorDark = '#ffb787';  // Default dark color

diff --git a/src/app/navbar/navbar.component.html b/src/app/navbar/navbar.component.html
@@ -3,7 +3,7 @@
       <button mat-icon-button aria-label="Example icon-button with menu icon">
         <mat-icon svgIcon="qr-code">menu</mat-icon>
       </button>
-      <span>KraftQR</span>
+      <span>Kraft QR</span>
       <!-- <span class="bar-spacer"></span>
       <button mat-icon-button color="accent" aria-label="Example icon-button with heart icon">
         <mat-icon svgIcon="support"></mat-icon>

diff --git a/src/styles.scss b/src/styles.scss
@@ -18,8 +18,8 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
     border: solid 1px !important;
 
     canvas {
-      max-width: 512px;
-      max-height: 512px;
+      max-width: calc(100vw - 65px);
+      max-height: calc(100vw - 65px);
     }
 
     &:last-child {