fix QR code scanning in dark mode

n8n-io · Nov 6, 2023 · 599bcbe · 599bcbe
1 parent 936a867
commit 599bcbe
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/editor-ui/src/components/MfaSetupModal.vue b/packages/editor-ui/src/components/MfaSetupModal.vue
@@ -289,6 +289,14 @@ export default defineComponent({
 	padding-bottom: var(--spacing-xl);
 }
 
+.qrContainer {
+	text-align: center;
+
+	canvas {
+		border: 4px solid var(--prim-gray-10);
+	}
+}
+
 .headerContainer {
 	text-align: center;
 }

diff --git a/packages/editor-ui/src/views/MfaView.vue b/packages/editor-ui/src/views/MfaView.vue
@@ -219,18 +219,10 @@ body {
 	justify-content: center;
 }
 
-.textContainer {
-	text-align: center;
-}
-
 .formContainer {
 	padding-bottom: var(--spacing-xl);
 }
 
-.qrContainer {
-	text-align: center;
-}
-
 .headerContainer {
 	text-align: center;
 	margin-bottom: var(--spacing-xl);