qr-generator: Improve preview layout

eliandoran · Jul 10, 2024 · 8bef2ff · 8bef2ff
1 parent b8739a5
commit 8bef2ff
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/routes/qr-generator/+page.svelte b/src/routes/qr-generator/+page.svelte
@@ -270,6 +270,12 @@
     min-height: 6em;
   }
 
+  [slot="right"] {
+    display: flex;
+    height: 100%;
+    flex-direction: column;
+  }
+
   .columns {
     display: flex;
   }
@@ -300,8 +306,11 @@
   }
 
   .preview {
+    flex-grow: 1;
     border-bottom: 1px solid var(--border-color);
-    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
 
   .preview :global(svg) {